我發現這個非常酷的
幫助！我錯過了什么或做錯了什么？
感謝您的幫助。
uj5u.com熱心網友回復：
- 防止多個元素具有相同的 ID
id="gear" - 防止具有多個 ID 的元素
id="toolbar-options gear" - 添加工具列 css CDN 鏈接（而不是本地檔案）
<link hef="https://cdn.jsdelivr.net/gh/paulkinzett/[email protected]/jquery.toolbars.css" rel="stylesheet"/>`
解決這些問題后，它似乎仍然不起作用。
看來是
position: 'bottom'導致錯誤的原因。如您在此演示中所見，將其設定為頂部有效：
顯示代碼片段
$('#gear').toolbar({ content: '#toolbar-options', position: 'top' });.hidden { display: none; }<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/paulkinzett/[email protected]/jquery.toolbar.js"></script> <link href="https://cdn.jsdelivr.net/gh/paulkinzett/[email protected]/jquery.toolbars.css" rel="stylesheet"/> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" rel="stylesheet"/> <header> <h1>Testing toolbar.js</h1> </header> <div class="btn-toolbar btn-toolbar-warning" id="gear" > <i class="fa fa-cog"></i> </div> <div id="toolbar-options" class="hidden btn-toolbar btn-toolbar-primary"> <a href="#"><i class="fa fa-plane"></i></a> <a href="#"><i class="fa fa-car"></i></a> <a href="#"><i class="fa fa-bicycle"></i></a> </div>
拋出錯誤，getCoordinates其中顯示：
getCoordinates: function( position, adjustment) {
var self = this;
self.coordinates = self.$elem.offset();
if(position == 'top') {
return coordinates = {
left: self.coordinates.left-(self.toolbar.width()/2) (self.$elem.width()/2),
top: self.coordinates.top-self.$elem.height()-adjustment,
}
}
if(position == 'left') {
return coordinates = {
left: self.coordinates.left-(self.toolbar.width()/2)-(self.$elem.width()/2)-adjustment,
top: self.coordinates.top-(self.toolbar.height()/2) (self.$elem.height()/2),
}
}
},
由于如果值為 ，則該函式不回傳任何內容bottom，因此引發錯誤是有道理的。
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/455108.html
標籤：javascript html jQuery
下一篇：使用基類作為引數的方法覆寫錯誤