0

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

所以，这里有详细信息：

  • 我安装了 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

提前致谢！

4

2 回答 2

2

将您的代码放入

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

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

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

于 2013-11-13T14:30:30.877 回答
0

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

于 2013-11-13T14:30:03.227 回答