jquery腳本不能使用jQuery 1.11.0導致.live

Question

我寫了這個腳本，但我知道在1.11版本中不贊成使用live函數。

jQuery(document).ready(function(){ 
      jQuery('#menu-button').live('click', function(event) {   
      jQuery('#menumobile').toggleClass('hidemobilemenu'); 
    }); 
}); 

所以它不起作用，但我需要其他插件的jQuery 1.11。 我試圖用.on修改它，但沒有成功。 正如你所看到的，當你使用jQuery 1.6.2版本 任何幫助是非常受歡迎的。由於

\t \t \t jQuery(document).ready(function(){ 
 
\t \t \t jQuery('#menu-button').live('click', function(event) {   
 
\t \t \t jQuery('#menumobile').toggleClass('hidemobilemenu'); 
 
    }); 
 
});

#menu-button { 
 
    background-color: #ddd; 
 
    position: fixed; 
 
    -webkit-transform: rotate(0deg); 
 
    -ms-transform: rotate(0deg); 
 
    transform: rotate(0deg); 
 
    -webkit-transition: 0.5s ease-in-out; 
 
    transition: 0.5s ease-in-out; 
 
    cursor: pointer; 
 
    border-radius: 50%; 
 
    width: 36px; 
 
    height: 36px; 
 
    top: 15px; 
 
    right: 13px; 
 
    z-index: 30; 
 
} 
 
#menumobile { 
 
    background: #fff none repeat scroll 0 0; 
 
    height: 100%; 
 
    left: 0px; 
 
    padding: 50px 70px 0 40px; 
 
    position: absolute; 
 
    top: 0; 
 
    width: 100%; 
 
    z-index: 29; 
 
} 
 
.hidemobilemenu { 
 
    display: none; 
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> 
 
<div id="menu-button"> 
 
<a href="#"><span></span><span></span><span></span></a> 
 
    </div> 
 
    <div id="menumobile" class="hidemobilemenu">  
 
\t <ul> 
 
     <li class="<?php echo ($_SERVER['REQUEST_URI'] == "/index.php" ? "active" : "");?>"><a href="/index.php">HOME</a></li> 
 
     <li class="<?php echo ($_SERVER['REQUEST_URI'] == "/menu.php" ? "active" : "");?>"><a href="menu.php">MENU</a></li> 
 
     <li class="<?php echo ($_SERVER['REQUEST_URI'] == "/about.php" ? "active" : "");?>"><a href="about.php">ABOUT</a></li> 
 
     <li class="<?php echo ($_SERVER['REQUEST_URI'] == "/contact.php" ? "active" : "");?>"><a href="contact.php">CONTACT</a></li> 
 
     </ul> 
 
\t </div>

Answer 1

你不能輕易使用。對改變.live。 sintax的變化。 我跟着this guide但它仍然無法正常工作。 檢查代碼段。不知道什麼是錯的

編輯 已售完。我只是用的子元素，而不是父元素的CSS，而現在它的工作原理:) 片斷更新和工作

$(document).ready(function() { 
 
    $("#menu-button").on("click", ".clickspan", function() { 
 
    $("#menumobile").toggleClass("hidemobilemenu"); 
 
    }); 
 
});

.clickspan { 
 
    background-color: #ddd; 
 
    position: fixed; 
 
    -webkit-transform: rotate(0deg); 
 
    -ms-transform: rotate(0deg); 
 
    transform: rotate(0deg); 
 
    -webkit-transition: 0.5s ease-in-out; 
 
    transition: 0.5s ease-in-out; 
 
    cursor: pointer; 
 
    border-radius: 50%; 
 
    width: 36px; 
 
    height: 36px; 
 
    top: 15px; 
 
    left: 13px; 
 
    z-index: 30; 
 
} 
 
#menumobile { 
 
    background: #fff none repeat scroll 0 0; 
 
    height: 100%; 
 
    left: 0px; 
 
    padding: 50px 70px 0 40px; 
 
    position: absolute; 
 
    top: 0; 
 
    width: 100%; 
 
    z-index: 29; 
 
} 
 
.hidemobilemenu { 
 
    display: none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div id="menu-button"> 
 
    <div class="clickspan"> 
 
    <a href="#"> <span></span><span></span><span></span> </a> 
 
    </div> 
 
</div> 
 
<div id="menumobile" class="hidemobilemenu"> 
 
    <ul> 
 
    <li class="<?php echo ($_SERVER['REQUEST_URI'] == " /index.php " ? "active " : " ");?>"><a href="/index.php">HOME</a> 
 
    </li> 
 
    <li class="<?php echo ($_SERVER['REQUEST_URI'] == " /menu.php " ? "active " : " ");?>"><a href="menu.php">MENU</a> 
 
    </li> 
 
    <li class="<?php echo ($_SERVER['REQUEST_URI'] == " /about.php " ? "active " : " ");?>"><a href="about.php">ABOUT</a> 
 
    </li> 
 
    <li class="<?php echo ($_SERVER['REQUEST_URI'] == " /contact.php " ? "active " : " ");?>"><a href="contact.php">CONTACT</a> 
 
    </li> 
 
    </ul> 
 
</div>