未定义变量：jQuery.min.js

Question

我从这里得到了这个 jQuery 代码- Fiddle

$(document).ready(function () {
var $pagination = $('.qpagination');
var $lis = $pagination.find('li:not(#qprev, #qnext)');
$lis.filter(':gt(4)').hide();
$lis.filter(':lt(5)').addClass('active');

var $next = $('#qnext').click(function () {
    var idx = $lis.index($lis.filter('.active:last')) || 0;

    var $toHighlight = $lis.slice(idx + 1, idx + 6);
    if ($toHighlight.length == 0) {
        $prev.show();
        return;
    }

    $next.show();        
    $lis.filter('.active').removeClass('active').hide();
    $toHighlight.show().addClass('active')
});

var $prev = $('#qprev').click(function () {
    var idx = $lis.index($lis.filter('.active:first')) || 0;

    var start = idx < 4 ? 0 : idx - 4;
    var $toHighlight = $lis.slice(start, start + 5);
    if ($toHighlight.length == 0) {
        $prev.hide();
        return;
    }      

    $next.show();
    $lis.filter('.active').removeClass('active').hide();
    $toHighlight.show().addClass('active')
});

}); // close jquery

但是，当我复制代码并根据需要对其进行调整时，它似乎不起作用。 我收到Uncaught SyntaxError: Unexpected token error。

似乎是什么问题？ ＆我该如何解决？

编辑：这些是我从 Chrome 中得到的错误：

未定义变量：分页

未定义变量：lis

未定义变量：下一个

未定义变量：toHighlight

编辑#2：在小提琴上加载 jQuery 2.2.1 后，我得到了代码工作，但它不起作用

https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js?ver=4.4.2

在 Wordpress 中，使用此版本。 http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js?ver=4.4.2

它也不适用于那个，我怎样才能让它在 ver=4.4.2 上工作？

这是我的实时网站： http : //gulf-brokers.com/

Answer 1

看起来您遇到了 PHP 错误，它向您的脚本添加了某些字符并为您提供了expected expression, got '<'在< br处expected expression, got '<' 。 看起来您需要先修复 PHP 错误或关闭 PHP 错误。

您可以通过简单地为这些变量定义初始值来修复这些错误Undefined variable: var 。 即$pagination= "";

但是，我建议关闭 PHP 错误，因为它应该只在开发阶段启用，而且这些错误似乎并不那么严重。

Answer 2

感谢 user3284463 通过从 JS 变量中删除 $ 符号使其工作，因为浏览器将 JS 变量与 PHP 变量混淆并跳过它们，因为我在回应 JS。