切換顯示不工作

Question

我正在努力處理這段代碼。使用console-debug作爲ID的div標籤內部的內容並不突出。

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script> 
<script src="//code.jquery.com/ui/1.11.1/jqueryui/1.11.1/jquery-ui.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 

<script> 
    $(document).ready(function() { 
     $("#console-debug").hide();// By default hide the console-debug 
     $("#btn-debug").click(function() { 
      $("#console-debug").toggle();//Then toggle back to show console-debug 
     }); 
    }); 
</script> 

Answer 1

沒有足夠的信息來調試您的問題。你應該花更多的精力找到根本原因。

使用開發人員工具調試問題 - 並嘗試縮小問題範圍。

1. 嘗試從控制檯運行$('#console-debug').toggle()，它工作嗎？
2. 如果切換正常，那麼問題出現在點擊處理程序中，請添加console.log或在click處理程序中放置斷點 - 是否在單擊時調用它？
3. 如果切換不起作用，請使用檢查器查看您的＃console-debug div樣式屬性和css，可能是切換工作，但它有其他原因不可見。