1、错误描述
jquery-1.9.1.min.js:69 [Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/. send @ jquery-1.9.1.min.js:69 home:1254 V1.18 stu:1 Uncaught TypeError: Report.Register is not a function at <anonymous>:1:8 at CreateReport (CreateControl.js:49) at stu:1381 stu.js:118 刷新频率:5000 stu:1741 Array(20) stu.js:93 Uncaught TypeError: $(...).chilren is not a function at HTMLSpanElement.<anonymous> (stu.js:93) at HTMLSpanElement.stu (jquery-1.9.1.min.js:35) at HTMLSpanElement.v.handle (jquery-1.9.1.min.js:35) jquery-1.9.1.min.js:35 Uncaught Error: jQuery UI Tabs: Mismatching fragment identifier. at Function.error (http://localhost:8080/cmp/js/jquery-1.9.1.min.js:35:4022) at a.(anonymous function).(anonymous function)._eventHandler (http://localhost:8080/cmp/js/jquery-ui-bootstrap/js/jquery-ui.min.js:100:15462) at a.(anonymous function).(anonymous function)._eventHandler (http://localhost:8080/cmp/js/jquery-ui-bootstrap/js/jquery-ui.min.js:35:930) at HTMLAnchorElement.h (http://localhost:8080/cmp/js/jquery-ui-bootstrap/js/jquery-ui.min.js:35:4787) at HTMLAnchorElement.stu (http://localhost:8080/cmp/js/jquery-1.9.1.min.js:35:28337) at HTMLAnchorElement.v.handle (http://localhost:8080/cmp/js/jquery-1.9.1.min.js:35:25042) jquery-1.9.1.min.js:35 Uncaught Error: jQuery UI Tabs: Mismatching fragment identifier. at Function.error (http://localhost:8080/cmp/js/jquery-1.9.1.min.js:35:4022) at a.(anonymous function).(anonymous function)._eventHandler (http://localhost:8080/cmp/js/jquery-ui-bootstrap/js/jquery-ui.min.js:100:15462) at a.(anonymous function).(anonymous function)._eventHandler (http://localhost:8080/cmp/js/jquery-ui-bootstrap/js/jquery-ui.min.js:35:930) at HTMLAnchorElement.h (http://localhost:8080/cmp/js/jquery-ui-bootstrap/js/jquery-ui.min.js:35:4787) at HTMLAnchorElement.stu (http://localhost:8080/cmp/js/jquery-1.9.1.min.js:35:28337) at HTMLAnchorElement.v.handle (http://localhost:8080/cmp/js/jquery-1.9.1.min.js:35:25042) jquery-1.9.1.min.js:35 Uncaught Error: jQuery UI Tabs: Mismatching fragment identifier. at Function.error (http://localhost:8080/cmp/js/jquery-1.9.1.min.js:35:4022) at a.(anonymous function).(anonymous function)._eventHandler (http://localhost:8080/cmp/js/jquery-ui-bootstrap/js/jquery-ui.min.js:100:15462) at a.(anonymous function).(anonymous function)._eventHandler (http://localhost:8080/cmp/js/jquery-ui-bootstrap/js/jquery-ui.min.js:35:930) at HTMLAnchorElement.h (http://localhost:8080/cmp/js/jquery-ui-bootstrap/js/jquery-ui.min.js:35:4787) at HTMLAnchorElement.stu (http://localhost:8080/cmp/js/jquery-1.9.1.min.js:35:28337) at HTMLAnchorElement.v.handle (http://localhost:8080/cmp/js/jquery-1.9.1.min.js:35:25042) jquery-1.9.1.min.js:35 Uncaught Error: jQuery UI Tabs: Mismatching fragment identifier. at Function.error (http://localhost:8080/cmp/js/jquery-1.9.1.min.js:35:4022) at a.(anonymous function).(anonymous function)._eventHandler (http://localhost:8080/cmp/js/jquery-ui-bootstrap/js/jquery-ui.min.js:100:15462) at a.(anonymous function).(anonymous function)._eventHandler (http://localhost:8080/cmp/js/jquery-ui-bootstrap/js/jquery-ui.min.js:35:930) at HTMLAnchorElement.h (http://localhost:8080/cmp/js/jquery-ui-bootstrap/js/jquery-ui.min.js:35:4787) at HTMLAnchorElement.stu (http://localhost:8080/cmp/js/jquery-1.9.1.min.js:35:28337) at HTMLAnchorElement.v.handle (http://localhost:8080/cmp/js/jquery-1.9.1.min.js:35:25042)
2、错误原因
由于jQuery UI中的选项卡,最外层div元素内必须放置无序列表和多个div子项,不能只嵌套无序列表
<div id="tabs"> <ul> <li><a href="#tabs1">第一季度</a></li> <li><a href="#tabs2">第二季度</a></li> <li><a href="#tabs3">第三季度</a></li> <li><a href="#tabs4">第四季度</a></li> </ul> </div> <div id="tabs1" style="height: 600px;"> </div> <div id="tabs2" style="height: 600px;"> </div> <div id="tabs3" style="height: 600px;"> </div> <div id="tabs4" style="height: 600px;"> </div>
3、解决办法
<div id="tabs"> <ul> <li><a href="#tabs1">第一季度</a></li> <li><a href="#tabs2">第二季度</a></li> <li><a href="#tabs3">第三季度</a></li> <li><a href="#tabs4">第四季度</a></li> </ul> <div id="tabs1" style="height: 600px;"> </div> <div id="tabs2" style="height: 600px;"> </div> <div id="tabs3" style="height: 600px;"> </div> <div id="tabs4" style="height: 600px;"> </div> </div>