2015-02-08 84 views
2

我試圖jQuery的功能添加到Joomla模板,但它不工作jQuery的功能添加到Joomla模板

我說:

$doc->addScript("http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"); 
$doc->addCustomTag('<script type="text/javascript">jQuery.noConflict();</script>'); 

,然後在div:

<div id="row" style="height: 350px; overflow: hidden;" ></div> 

和jquery功能:

<script> 
    $(document).ready(function(){ 
    $("#row").click(function(){ 
     $(this).hide(); 
    }); 
    }); 
</script> 

但仍無法正常工作

請幫我

在此先感謝

回答

2

既然你在noConflict模式(你真的需要它嗎?)沒有$別名功能可用了。你需要堅持jQuery名稱:

jQuery(document).ready(function() { 
    jQuery("#row").click(function() { 
     jQuery(this).hide(); 
    }); 
}); 

$作爲參數傳遞包裹你的代碼封閉

(function($) { 
    // now you can use $ symbol as alias to jQuery 
})(jQuery);