jquery - 将jquery函数添加到Joomla模板中

Question

我试图将 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> 

但是还是不行

请帮助我

提前致谢

Answer 1

由于您处于 noConflict 模式(您真的需要它吗？)，因此不再有可用的 $ 别名函数。您需要坚持使用 jQuery 名称:

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

或者将您的代码包装到闭包中，并将 $ 作为参数传递

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