.net mvc3 中使用出现 出现页面跳转后 js无法触发

Question

我把另一个页面的
<!--头部开始-->
<section class="headbg"> <a href="category_1.html" data-role="none" class="back_pro sh_icon ui-btn-left left" data-rel="back" data-ajax="false"></a>
  <h1 class="htcolor">全部菜品</h1>
  <span id="shmenu" class="right icon" ></span>   这里改为和默认页id不相等的  <span id="shmenu2" class="right icon" ></span>     
</section>
<!--头部结束-->跳转后的页面js  改为
$(document).ready(function () {
                $("#shmenu2").click(function () {
                    $(".globalMenu").toggle();
                })
            });这样 就没问题了   求解

Answer 1

可能是对Html5不熟造成的 
找到一个决绝办法是改  <span id="shmenu" class="right icon" ></span>  为<span id="shmenu" class="right icon" onclick="toggleMenu()" ></span> 去掉 js
      $(document).ready(function () {
                $("#shmenu").click(function () {
                    $(".globalMenu").toggle();
                })
            });加上js   function toggleMenu() {
                $(".globalMenu").toggle();
            }