Uncaught Error: jQuery UI Tabs: Mismatching fragment identifier

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>