jQuery Uncaught TypeError $ 不是一个函数(仅适用于少数页面)

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');
    });
});