将 jquery 函数添加到 Joomla 模板答案

【问题标题】：Add jquery function to Joomla template将 jquery 函数添加到 Joomla 模板
【发布时间】：2015-04-08 04:11:15
【问题描述】：

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

但是还是不行

请帮帮我

提前致谢

【问题讨论】：

标签： jquery joomla joomla2.5

【解决方案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);

【讨论】：