2015-08-08 101 views
-1

我正在努力处理这段代码。使用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> 
+0

其中控制台调试,你调试? –

+0

你的html是什么?您的示例工程http://jsfiddle.net/eqrprwpa/ –

+1

代码中没有问题。我已经检查过了。 http://jsfiddle.net/4kLomwtc/ –

回答

1

没有足够的信息来调试您的问题。你应该花更多的精力找到根本原因。

使用开发人员工具调试问题 - 并尝试缩小问题范围。

  1. 尝试从控制台运行$('#console-debug').toggle(),它工作吗?
  2. 如果切换正常,那么问题出现在点击处理程序中,请添加console.log或在click处理程序中放置断点 - 是否在单击时调用它?
  3. 如果切换不起作用,请使用检查器查看您的#console-debug div样式属性和css,可能是切换工作,但它有其他原因不可见。
+0

我试图检查谷歌浏览器上的源代码,并且我发现这条消息:无法加载资源:服务器响应状态为404(未找到)http://代码.jquery.com/UI/1.11.1/jQueryUI的/ 1.11.1/jQuery的ui.js。所以任何人都可以给我一个JQuery UI 1.11.3的好网址。可能是问题来自那里。 – ghislain2458