jquery script не работает с jquery 1.11.0 причина .live

Question

Я написал этот скрипт, но я знаю, что функция live устарела в версии 1.11.

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 с .on. Синтакс меняется. Я следовал this guide, но он все еще не работает. Проверьте фрагмент. Dunno, что не так

EDIT SOvved. Я просто использовал 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>