jQuery追加li，意外的令牌ILLEGAL

Question

我正在尝试使用jquery根据条件追加新的列表项。作为参考，该页面是一个Wordpress页面，我已经能够使用相同的格式实现serval jquery脚本。

以下是HTML示例。

<div class = "bag" id = "bag" style="width: 100%; padding: 0 0 0 5px; float: left;">
<ul id = "clubsli" name = "clubsli" class = "clubsli">

我使用＆＃34; n＆＃34;动态创建li值，并希望使用JavaScript / jQuery脚本将新li附加到此列表的末尾。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        function addClub() {
            $roleint = 2613;
            $count = $("#clubsli li").length - 1;
            if ($roleint == 2613) {
                if ($count < 100) {
                    $("#bag ul").append('<li>$roleinit</li>');
                };
            };
        };
    });
</script>

无论我做什么，我都会收到以下Unexpected token ILLEGAL错误，似乎不喜欢＆＃34;＆lt;＆＃34;在列表元素中。

这是我收到的错误。

我尝试添加非li并且可以毫无疑问地尝试＆＃34; appendTo＆＃34;但在＆＃34;＆lt;＆＃34;上得到同样的错误。

Answer 1

你的代码基本没问题。 Here's a working JSFiddle version of it, with the following problems or incompletenesses corrected：

$(document).ready(function () {
    function addClub() {
        $roleint = 2613;
        $count = $("#clubsli li").length - 1;
        if ($roleint == 2613) {
            if ($count < 100) {
                $("#bag ul").append('<li>' + $roleint + '</li>');
            };
        };
    };
    addClub();
});

• 您需要在+ ed字符串中使用字符串附加运算符append。
• 您在$roleint
中错误地$roleinit为append()
• 您已声明addClub()函数，但实际上并未调用它。我认为它是在你的代码中的其他地方被调用的？

此外，正如Guido指出的那样，在jQuery中使用以$开头的变量名称是很奇怪的，除非变量实际上是一个jQuery对象，因此这会使你的代码读得很奇怪。 / p>

我不认为这会导致你的问题出现错误，所以也许还有其他一些事情我们无法从你的描述中看出来？

Answer 2

问题解决了！ WordPress特定的stackexchange上的类似帖子显示了如何编辑functions.php，因此WP不会自动插入分页符。

https://wordpress.stackexchange.com/questions/101368/wordspress-add-p-into-my-javascripts

感谢那些有助于澄清导致问题的原因。让我更好地了解在哪里看。