如何在同一頁面上的scrollTo事件後隱藏下拉菜單

Question

彈出式菜單存在問題，該菜單包含滾動到同一頁面上不同部分的鏈接。由於它滾動到現有內容，頁面不會重新加載以強制彈出菜單再次隱藏。這對於非移動用戶來說並不是什麼大問題，但在iPad和平板電腦上，彈出式菜單不會消失。基本上我想要做的就是隱藏該菜單，但是當你拖後或者按下時再次隱藏該菜單。

下面是我一直致力於嘗試修復它的方法，但我遇到了困難，我的大腦顯然決定需要幫助。

<script type='text/javascript'> 
$("ul.sub-menu li a").live('click', function() { 
    // $("#subMenu").hide(); 
    // $("ul.sub-menu").hide(); 
}); 
</script> 

我創建了一個JSBin來複制故障排除問題。我提前爲涉及的代碼數量道歉，但是儘可能減少代碼的數量。希望這將是其他人已經處理過的解決方案，他們不需要花費大量的代碼來解決它。

http://jsbin.com/cotug/2/edit

爲了使它工作的權利，您可能需要隱藏HTML面板。

在此先感謝...

Answer 1

你有隱藏的代碼並沒有因爲$工作是不確定的。 嘗試用jQuery替換$。像這樣：http://jsbin.com/puzinoyi/1/

P.S.我的假設是noconflict被你正在使用的庫中的一個調用。結果$變得未定義。