未捕获的TypeError:在家中无法读取null的属性“ on”

时间:2019-10-01 12:05:19

标签: jquery html

我正在尝试制作汉堡菜单,但收到此错误消息。

Here is a picture of the message

我是jquery的新手,因此不知道问题出在哪里。

这是我的jquery代码:

<script id="rendered-js">
  $("button").on("click", function () {
  $("body").toggleClass("open");
});
</script>

这是我的html:

<button class="menu-toggle show-in-mobile"></button>
    <nav class="menu show-in-mobile">
        <ul>

            <li>
                <a class="active" href="/en/support/home">Home</a>
            </li>

            <li>
                <a class="" href="/en/support/solutions">Solutions</a>
            </li>

            <li>
                <a class="" href="/en/support/discussions">Forums</a>
            </li>

            <li>
                <a class="" href="/en/support/tickets">Tickets</a>
            </li>

        </ul>
    </nav>

这是我的头

    <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
    <script src="https://assets10.freshdesk.com/assets/cdn/preview-6f0bb8c39775981205d4259fd3f72cf4.js" type="text/javascript"></script>

有人可以帮助我解决这个问题吗?

1 个答案:

答案 0 :(得分:-1)

您的HEAD中似乎还有其他与jQuery冲突的库

类似的问题在这里得到了书面认可的答案:

Uncaught TypeError: Cannot read property 'on' of null

更新

原来是包含以下网址的问题 https://assets4.freshdesk.com/assets/cdn/portal_head-cc545c114f8f15358aa7acd4b9de11a5.js