Question

我正在为我的博客制作菜单。我添加了两个 jquery脚本来使该菜单工作，但在添加之后，我博客上的其余链接都无法正常工作。我不知道代码有什么问题？如果我点击或点击，链接不起作用。该博客托管在博客平台上。

我的菜单代码：

<div class='top-nav'>
    <span class='menu'> MENU </span>
    <ul class='nav1'>
        <li><a href=''>HOME </a></li>
        <li><a href=''>HOME2</a></li>
        <li><a href=''>HOME3</a></li>
        <li><a href=''>HOME4</a></li>
        <li><a href=''>HOME5</a></li>
        <li><a href=''>HOME6</a></li>
    </ul>
    <!-- script-for-menu -->
    <script>
    $("span.menu").on("tap", function() {
        $("ul.nav1").slideToggle(function() {
           // Animation complete.
        });
    });
    </script>
    <!-- /script-for-menu -->
</div>

部署的jquery脚本：

<script src="http://code.jquery.com/jquery-1.11.3.min.js"/>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"/>

感谢您的帮助。

Answer 1

因为没有工作小提琴试试这个工作所以只是在这里盲目...我会建议给出一个id，使得听者只能连接到 myMenu 而不是所有跨班级菜单。

<div class='top-nav'>
    <span id="myMenu" class='menu'> MENU </span>
    <ul class='nav1'>
        <li><a href=''>HOME </a></li>
        <li><a href=''>HOME2</a></li>
        <li><a href=''>HOME3</a></li>
        <li><a href=''>HOME4</a></li>
        <li><a href=''>HOME5</a></li>
        <li><a href=''>HOME6</a></li>
    </ul>
    <!-- script-for-menu -->
    <script>
    $("#myMenu .menu").on("tap", function() {
        $("#myMenu  ul .nav1").slideToggle(function() {
           // Animation complete.
        });
    });
    </script>
    <!-- /script-for-menu -->
</div>

Answer 2

如果我们接受您的代码，请将值添加到链接的href并关闭脚本并将其放入stackoverflow中的小提琴中，这就是我们得到的（链接工作）。请参阅下面的Run code snippet。还有其他东西必须弄乱你的代码。您博客上的链接正在创建iframe，错误位于浏览器控制台日志中 - ＆gt; Uncaught ReferenceError: BLOG_CMT_createIframe is not defined

＆＃13;

<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

<div class='top-nav'>
    <span class='menu'> MENU </span>
    <ul class='nav1'>
        <li><a href='?test=1'>HOME </a></li>
        <li><a href='?test=2'>HOME2</a></li>
        <li><a href='?test=3'>HOME3</a></li>
        <li><a href='?test=4'>HOME4</a></li>
        <li><a href='?test=5'>HOME5</a></li>
        <li><a href='?test=6'>HOME6</a></li>
    </ul>
    <!-- script-for-menu -->
    <script>
    $("span.menu").on("tap", function() {
        $("ul.nav1").slideToggle(function() {
           // Animation complete.
        });
    });
    </script>
    <!-- /script-for-menu -->
</div>

＆＃13;

添加javascript后链接无效

2 个答案: