我想要一个弹出窗口来启用当我们点击一个链接,其中弹出窗口应该包含选项卡。是否有任何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工具选项卡:如何禁用选项卡