切换显示不起作用

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，也许切换有效但有其它原因导致无法显示。