我有一个嵌套在三个 div 中的选择框:
<div id="entry">
<div id="entryContent">
<div>
<div>
Name:
<select name="ddlName" id="ddlName">
<option value="Name1">Name1</option>
<option value="Name2">Name2</option>
<option value="Name3">Name3</option>
</select>
</div>
...
</div>
...
</div>
...
</div>
CSS:
#entry
{
position:absolute;
width:527px;
height:364px;
left:69px;
top:214px;
z-index:2;
display:none;
}
下面的jquery代码是根据点击某些按钮来显示/隐藏入口div:
$("document").ready(function() {
$("#addButton").live("click", function(event) {
$("#entry").show();
})
$("#closeEntry").live("click", function(event) {
$("#entry").hide();
})
})
问题是,当我第一次点击添加按钮时,它显示了条目 div 并且选择框工作正常。单击关闭按钮并再次单击添加按钮后,选择框不会让我选择其他选项。它在 firefox 中工作正常但在 ie7 中不工作。
最佳答案
发现和jQuery UI CSS文件有关。当我排除它时,作品。当我向 hide() 和 show() 函数添加效果时,它就可以正常工作。
关于jquery - 隐藏后显示父div时不会显示选择选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5312234/