仍然有上點擊

Question

與顯示/隱藏子菜單的問題

我的小提琴作品完美Fiddle但是當我將它保存到我的HTML文件，它不再工作。

在這裏你可以看到一個完整的文件Pastebin

<script> 
$("#showhide").on('click', function(){ 
      $(".more").slideToggle(); 
      return false; 
     }); 

</script> 

我是什麼mising？

Answer 1

在document-ready handler中跳轉您的代碼，因爲代碼運行時它不會在頁面中找到「#showhide」元素：瀏覽器將不會解析該文件。

代碼

$(document).ready(function() { 
    $("#showhide").on('click', function(){ 
     $(".more").slideToggle(); 
     return false; 
    }); 
}); 

OR

使用委託事件使用上

$(document).on("click", "#showhide", function() { 
     $(".more ").slideToggle(); 
     return false; 
}); 

OR

在結束身體標記之前放置腳本。

<script> 
    $("#showhide").on('click', function() { 
     $(".more").slideToggle(); 
     return false; 
    }); 
</script> 
</body> 
</html> 

編輯

而且你對jQuery的路徑是不正確的。使用

<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 

Answer 2

更改jQuery腳本路徑此

<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 

，幷包裹點擊功能裏面的文件準備

<script> 
$(function(){ 
    $("#showhide").on('click', function(event){ 
     event.preventDefault(); 
     $(".more").slideToggle(); 
     return false; 
    }); 
}); 
</script>