jQuery 在 Joomla 中不起作用答案

【问题标题】：jQuery not working in JoomlajQuery 在 Joomla 中不起作用
【发布时间】：2013-11-13 14:25:36
【问题描述】：

我不知道为什么这不起作用，但显然不是。

所以，这里有详细信息：

我已经安装了 jQuery Easy。
我正在链接到 jquery-latest.min.js 的本地版本，它显示在标题中

脚本本身可以在 JSFiddle 上完美运行（点击此处：http://jsfiddle.net/muWLG/19/）

$('.mobile_menu_button').mouseover(function() {
    $('.mobile_menu_list').css('visibility', ($('#fade').css('visibility') == 'visible') ? 'hidden' : 'visible');
});

$('.mobile_menu_button').mouseout(function() {
    $('.mobile_menu_list').css('visibility', ($('#fade').css('visibility') == 'hidden') ? 'visible' : 'hidden');
});

任何想法为什么它不起作用？这是这里的工作站点：http://dev.mediaslave.ca/tyco/

这只是工作的概念证明，没有什么令人兴奋的：D

提前致谢！

【问题讨论】：

你碰巧用过Mootools吗？可能与 jQuery 的 $ 别名有冲突...请参阅此处：api.jquery.com/jQuery.noConflict（Pete 的链接说类似的内容）-我刚刚查看了您的页面，您确实在使用 Mootools。
大家好，非常感谢您的帮助。不幸的是，这个项目被搁置了，所以这个问题从未得到解决。一定会喜欢的。尽管如此，我仍然非常感谢您的帮助，并将在未来的项目中使用您的答案。再次感谢！

标签： jquery joomla2.5

【解决方案1】：

把你的代码放进去

$( document ).ready(function() {
   ...
}

问题是您的代码在要加载的 html 之前执行。所以它找不到你的 .mobile_menu_button 元素。这个块是一个 jquery 函数，只在页面加载结束后执行。

当您遇到 javascript 问题时，请检查浏览器的开发者控制台，该控制台可通过 F12 快捷键访问。在这里，在 Chrome 上，我得到了 Uncaught TypeError: Cannot call method 'mouseover' of null (index):33。

【讨论】：

【解决方案2】：

没有 Joomla 专家，但也许这有帮助：http://forum.jquery.com/topic/integrating-jquery-into-joomla

【讨论】：