将jquery函数添加到Joomla模板

时间:2015-02-08 09:38:48

标签: jquery joomla joomla2.5

我正在尝试将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> 

但仍然不起作用

请帮帮我

提前致谢

1 个答案:

答案 0 :(得分: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);