jQuery Uncaught TypeError $ is not a function（仅在少数页面上有效）

Question

我是 jQuery 的新手，我想在我的 Joomla 模板中包含一个切换导航脚本。我包含了最新版本的 jQuery 和存储函数的 .js 文件。该脚本适用于少数页面（例如主页、商店），但不适用于我显示文章页面的页面。

我尝试用简单的警报替换脚本。警报显示在所有页面上，因此脚本已正确包含。也许 jQuery 没有正确包含，但为什么它应该在家里或商店使用..

我只找到了有关脚本不起作用的问题的答案，但就我而言，它在我网站的几个页面上有效。

这是我的函数：

$(document).ready(function() {

    $('.toggle-nav').click(function() {
      $('.navigation').toggleClass('show');
    });
});

非常感谢！

Answer 1

您的脚本可能与 mootools 冲突，这很常见，具体取决于您的 joomla 版本和脚本设置。请尝试以下操作：

// You might need this, usually it's autoloaded   
jQuery.noConflict();

// Replace $ with jQuery
jQuery(document).ready(function() {
    jQuery('.toggle-nav').click(function() {
      jQuery('.navigation').toggleClass('show');
    });
});

jQuery Uncaught TypeError $ is not a function（仅在少数页面上有效）

jQuery Uncaught TypeError $ is not a function (only working on few pages)

jquery

joomla