未定义变量: jQuery.min.js

Question

我从这里- Fiddle得到了这个这里- 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错误。

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

编辑：，这是我从Chrome获得的错误：

未定义变量:分页 未定义变量: lis 未定义变量:下一步 未定义变量: toHighlight

Edit#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

感谢user3284463，它通过删除JS变量中的$符号来工作，因为浏览器混淆了JS变量和PHP变量，并跳过了它们，因为我在回显JS。

Answer 2

看起来您正在获取PHP错误，它将某些字符添加到您的脚本中，并在expected expression, got '<'上给您< br。看起来您需要首先修复PHP错误，或者关闭PHP错误。

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

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