在其他网页中出现闪烁的Jquery UI div

Question

我在div标记中添加了一些帮助部分（例如.UserHelp），可以从Menu（链接）访问。但每当我通过其他子菜单（链接）点击其他页面时，那些在div（例如.UserHelp）下写的文本就会闪烁1到2秒

PS：对于CSS和JQuery，我没有做任何更改。

我该怎么修？

1） 这是菜单链接

<li><a href="#" id="dialog_link_user">User Help</a></li>

2） 这是对话框div

<div id="dialog_user" title="USER HELP">
...
</div>

3） 对话框的jquery

<link href="<s:url value="/css/smoothness/jquery-ui-1.8.16.custom.css"/>" type="text/css" rel="stylesheet"/>
<SCRIPT type="text/javascript" src="<s:url value="/js/jquery-1.6.2.min.js"/>"></SCRIPT>
<SCRIPT type="text/javascript" src="<s:url value="/js/jquery-ui-1.8.16.custom.min.js"/>"></SCRIPT>
<script type="text/javascript">
$(function(){
    // Dialog           
    $('#dialog_user').dialog({
        autoOpen: false,
        width: 600,
        height:300,
        resizable: true,
        position: 'center',
        closeOnEscape: true,
        maxHeight: 300,
        minHeight: 300,
        maxWidth: 600,
        minWidth: 200
    });

    $('#dialog_link_user').click(function(){
        //close other dialog
        $('#dialog_school').dialog('close');
        ....
        $('#dialog_user').dialog('open');
        return false;
    });
});
</script>

Answer 1

首先，更改div或a的ID。ID在HTML文档中必须是唯一的！

...  
$('#dialog_user').click(function(event){
    //close other dialog
    $('#dialog_school').dialog('close');
    ....
    $('#dialog_user').dialog('open');
    event.preventDefault();
    return false;
});
...

尝试一下-阻止默认事件（即跟随链接）