當點擊菜單時，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

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

我的HTML代碼（打開菜單），我該怎麼辦？

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 here

Answer 3

我測試你的代碼，它的工作。我不確定你的問題在哪裏。

In this fiddler, I tested your code and it worked

And in this fiddler, I removed the menuStatus flag

爲了去除menuStatus標誌，我改變了click功能：toggle

如果你能具體談談你的錯誤會更容易檢測問題

快樂編碼！

Answer 4

謝謝大家，但我自己找到解決方案。

問題是，我在哪裏創建發送鏈接。

我以前的代碼是：

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

我添加了rel = 「外部」 和我的菜單每次工作！

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

還是謝謝！