joomla 템플릿에 html 레이아웃을 전송하면 javascript가 작동하지 않습니다.

Question

기본 메모장 편집기를 통해 웹 사이트 레이아웃을 만들었고 코드는 독립형 HTML 페이지로 작동합니다. 내가 joomla 템플릿으로 전송했지만 자바 스크립트 코드가 작동하지 않습니다. 모바일 반응 형 메뉴입니다.

여기 javescript 코드

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 
    $(".nav-button").click(function() { 
    $(".nav-button,.primary-nav").toggleClass("open"); 
    });  
}); 
</script> 

내가 줌라 템플릿을 포맷해야 할 특별한 방법이있어?

나는이 있었다은 .js 파일 (JS/main.js)에 넣어 시도하십시오 index.php 파일에 넣어 다음

$(document).ready(function(){ 
    $(".nav-button").click(function() { 
    $(".nav-button,.primary-nav").toggleClass("open"); 
    });  
}); 

와 (나는 비슷한 질문에서이 코드를 발견)

<?php 
defined('_JEXEC') or die; 

$app    = JFactory::getApplication(); 
$doc    = JFactory::getDocument(); 
$user   = JFactory::getUser(); 
$this->language = $doc->language; 
$this->direction = $doc->direction; 

//Load jQuery using Joomla's built in method 
JHtml::_('jquery.framework'); 

// Define the template path 
$template_path = 'templates/' .$this->template; 

// Le Javascript 
$doc->addScript($template_path . '/js/main.js'); 

?> 

여전히 작동하지 않습니다. 어쨌든 인라인 자바 스크립트 코드를 사용하는 것을 선호하지만 실제로는 작동시키기를 원합니다. 자바 스크립트 코드를 작동시키기 위해서 무엇을 추가해야합니까?

Answer 1

다음 코드를 사용하여 자바 스크립트를 추가하려고하십시오

JHtml::_('jquery.framework'); 
$doc->addScriptDeclaration(' 
    jQuery(document).ready(function(){ 
     jQuery(".nav-button").click(function() { 
     jQuery(".nav-button, .primary-nav").toggleClass("open"); 
     });  
    }); 
');  

참고 : noConflict 모드에서 줌라로드 jQuery를 당신이 JQuery와의 통화에서 jQuery로 $을 변경해야하므로.

참조 : jQuery.noConflict()