他のWebページのJquery UI divが点滅して表示されます

Question

メニュー（link）からアクセスできるdivタグにヘルプセクション（eg.UserHelp）が追加されました。 他のページを他のサブメニュー（リンク）でクリックするたびに、divの下に書かれたテキスト（例えば、UserHelp）が1,2秒間点滅しました。

PS：CSSとJQueryの場合、私は何も変更しませんでした。

どうすれば修正できますか？

1）これは、ダイアログ

<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

まずの

3）jqueryの

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

、いずれかのIDを変更したメニューリンク

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

2）これは、ダイアログdiv要素でありますdivまたはaです。 IDはHTML文書内でユニークでなければならない（MUST）！

... 
$('#dialog_user').click(function(event){ 
    //close other dialog 
    $('#dialog_school').dialog('close'); 
    .... 

    $('#dialog_user').dialog('open'); 
    event.preventDefault(); 
    return false; 
}); 
... 

それを試してみてください - デフォルトのイベントを防止すること（すなわち、リンク以下）