我想要一個彈出窗口來啓用當我們點擊一個鏈接,其中彈出窗口應該包含選項卡。是否有任何UI或插件可以在jQuery中使用?至於jQuery,我想知道是否有任何適合我的要求。請告訴我。提前致謝。用選項卡彈出| jQuery
1
A
回答
1
jQuery modal可以是一個不錯的選擇。你可以把任何HTML內的模態。
4
使用jQueryUI。它擁有你需要的一切。
正如網站上說:
jQuery UI的是一個策劃組的用戶界面交互,效果, 小部件和主題建立在jQuery JavaScript庫的頂部。 無論您是構建高度互動的Web應用程序,還是您只需將日期選擇器添加到表單控件,jQuery UI就是 的完美選擇。
例 彈出
<script src="http://code.jquery.com/jquery-3.1.0.min.js" integrity="sha256-cCueBR6CsyA4/9szpPfrX3s49M9vUU5BgtiJj06wt/s=" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js" integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E=" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css">
<div id="dialog" title="Basic dialog">
<p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Nunc tincidunt</a></li>
<li><a href="#tabs-2">Proin dolor</a></li>
<li><a href="#tabs-3">Aenean lacinia</a></li>
</ul>
<div id="tabs-1">
<p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ulla interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p>
</div>
<div id="tabs-2">
<p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.</p>
</div>
<div id="tabs-3">
<p>Mauris eleifend est et tur potenti. Aliquam vulputbitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.</p>
</div>
</div>
<script>
$(function() {
$("#tabs").tabs();
$("#dialog").dialog({ width: 600 });
});
</script>
相關問題
- 1. 使用jQuery從父級通知到彈出選項卡
- 2. Jquery選項卡啓用選項卡?
- 3. jquery UI選項卡和彈簧MVC
- 4. jquery-ui選項卡 - 添加選項卡
- 5. jQuery UI選項卡:多組選項卡
- 6. jQuery UI選項卡 - 鏈接選項卡
- 7. 如何使用Bootstrap Tour彈出窗口瀏覽選項卡?
- 8. jQuery選項卡標題不使用jQuery選項卡功能
- 9. jQuery UI選項卡 - 可用fx選項
- 10. 使用jquery的選項卡
- 11. jquery UI選項卡禁用
- 12. 帶選項的jQuery彈出框
- 13. jQuery和驗證彈出的選項
- 14. 使用Jquery-ui選項卡,使用Parent選項卡集和子選項卡集,如何鏈接選項卡'cousins'?
- 15. Jquery UI選項卡沒有出現
- 16. jQuery滑出選項卡重疊
- 17. MVC3 JQuery選項卡
- 18. onclick jquery選項卡
- 19. Jquery Panel選項卡
- 20. 卡住使用jQuery UI選項卡
- 21. jQuery UI選項卡選擇
- 22. 無法在PHP中使用Javascript彈出一個新選項卡
- 23. 顯示彈出式選項
- 24. JQuery UI選項卡,更改選項卡URL(JQuery 1.10+)
- 25. jQuery選項卡不加載jquery選項卡
- 26. jQuery UI選項卡+ jQuery工具選項卡(Flowplayer)衝突
- 27. jQuery選項卡 - 使用URL內容填充選項卡面板
- 28. 可變的jQuery選項卡體,只使用選項卡導航
- 29. 想要隱藏使用jQuery的選項卡(數據選項卡)?
- 30. jQuery工具選項卡:如何禁用選項卡