我想设计一个包含 3 个部分的手风琴对话框,有人知道如何实现吗?我正在尝试使用 JQuery 手风琴示例,但仍然没有成功。我很欣赏你在这方面的想法。
问问题
4948 次
3 回答
1
看看这个链接,大约一半的页面是一个很好的例子
于 2010-05-08T00:34:24.863 回答
1
如果您尝试将其嵌入弹出alert()
框中,则不能这样做。您最好的选择是创建自己的模式弹出窗口。
使用 jQuery UI 的对话框http://jqueryui.com/demos/dialog/是一个很好的基础,有很多在线文档和使用方法,但您可能只想自己创建一个覆盖。这只是意味着创建一个您绝对放置的 DIV,使用 jQuery,而不是其他所有内容。
$("body").append("<div id='modal'>All of your markup</div>");
在样式表中为模式窗口使用 CSS,例如
#modal {
position:absolute; /* could be 'fixed', but then you have to deal with browsers */
top:10%;
left:25%;
width:50%;
height:500px;
overflow:auto;
}
等等。
于 2010-05-08T00:42:32.997 回答
1
简单的方法
$('#someDiv').accordion().dialog();
所以对于三项部分
<div id="someDiv">
<h3><a href="#">Section 1</a></h3>
<div>Section 1 content</div>
<h3><a href="#">Section 2</a></h3>
<div>Section 2 content</div>
<h3><a href="#">Section 3</a></h3>
<div>Section 3 content</div>
</div>
您可能想要自定义。
$('#someDiv')
.accordion({
active: 2,
collapsible: true
})
.dialog({
width: 500,
height: 350,
title: 'Some title'
});
祝你好运!
于 2010-05-08T03:32:44.570 回答