单击菜单时不会触发jquery .click函数

Question

我正在使用jquery.click在aspx页面中使用菜单。 在我的asp.net页面上。

如果页面中不包含参数（例如“ mypage.aspx”），单击功能可以正常工作并且可以打开菜单，但是当我在页面中打开带有参数的页面（例如“ mypage.aspx？id = 3”）时，单击功能不起作用无法正常工作，菜单无法打开。

这是我的jquery.click函数：

// Show menu
$("a.showMenu").click(function () {
    if (menuStatus != true) {
        $(".ui-page-active").animate({
            marginLeft: "165px",
        }, 300, function () {
            menuStatus = true
        });
        return false;
    } else {
        $(".ui-page-active").animate({
            marginLeft: "0px",
        }, 300, function () {
            menuStatus = false
        });
        return false;
    }
});

这是mypage.aspx中的html代码（打开菜单）

<a href="#" class="showMenu"><img src="images/icon-menu.png" alt="Menu" border="0" /></a>

我能怎么做？

Answer 1

这是一个很好的尝试，只是看看jQuery是否正常工作：

// Show menu
$("a.showMenu").click(function () {
    alert('I am here'); // <---
    if (menuStatus != true) {
        $(".ui-page-active").animate({
            marginLeft: "165px",
        }, 300, function () {
            menuStatus = true
        });
        return false;
    } else {
        $(".ui-page-active").animate({
            marginLeft: "0px",
        }, 300, function () {
            menuStatus = false
        });
        return false;
    }
});

如果不是，那么您是否引用了jQuery.js文件？ 就像是：

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

Answer 2

正如评论所提到的； menuStatus是关键。 最初在哪里设置？

我为您创建了一个jsFiddle。 我只是使用文本而不是您的图像，但这应该有所帮助。 请注意，我正在将menuStatus初始化为false。

jsFiddle在这里

Answer 3

我测试了您的代码，它起作用了。 我不确定你的问题在哪里。

在这个提琴手中，我测试了您的代码，它起作用了

在这个提琴手中，我删除了menuStatus标志

为了删除menuStatus标志，我将click功能更改为： toggle

如果您可以更详细地了解自己的错误，则更容易发现问题

编码愉快！

Answer 4

谢谢大家，但是我自己找到了解决方案。

问题是，我创建了发送链接。

我的旧代码是：

  <a href="mypage.aspx?id=3" >Go to My Page</a> »

我添加了rel =“ external”，我的菜单每次都能正常工作！

   <a href="mypage.aspx?id=3" rel="external">Go to My Page</a> »

不管怎么说，还是要谢谢你！