当父 div 隐藏后显示时，选择选项不会显示

Question

我有一个嵌套在三个 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 下不行。

Answer 1

发现它与 jQuery UI CSS 文件有关。当我排除它时，就可以了。当我向 hide() 和 show() 函数添加效果时，它可以正常工作。