0

フェードアウト効果で div を非表示にしようとしていますが、うまくいかないようです..

$('#messageDiv').hide().fadeOut('slow');なにか提案を。

カスタム関数を使用してエラー div を表示していますか?

function getErrorMsgStyle(txt) {
    return "<table width='100%' border='0' cellpadding='0' cellspacing='0' align='center'><tr style='line-height:7px;'><td>&nbsp;</td></tr></table><div class='error_Style_Border' id='messageDiv'><a href='javascript:void(0);' onClick=\"$('#messageDiv').fadeOut('slow');\"  class='link'><table width='100%' border='0' cellpadding='0' cellspacing='0' align='center'><tr style='line-height:2px;'><td>&nbsp;</td></tr><tr><td class='table_error_Style_Border'><table width='97%' border='0' cellpadding='0' cellspacing='0' align='center' >" + "<tr style='line-height:2px;'><td colspan='15' align='center'></td></tr>" + "<tr ><td width='10px'>&nbsp;</td><td colspan='12' align='center' ><span class='error-txt'>" + txt + "</span></td><td width='10px' class='error-close'>X</td><td>&nbsp;</td></tr></table></td></tr>" + "<tr style='line-height:2px;'><td>&nbsp;</td></tr></table></a></div><a href='javascript:void(0);' onClick=\"$('#messageDiv').fadeOut('slow');\" class='link'><table width='100%' border='0' cellpadding='0' cellspacing='0' align='center'><tr style='line-height:7px'><td>&nbsp;</td></tr></table></a>";
}

また$('#messageDiv').fadeOut('slow');、動作しないようです

4

2 に答える 2

6 
$('#messageDiv').fadeOut('slow');

また

$('#messageDiv').fadeOut(250);

つまり、フェードには 250 ミリ秒かかるはずです。

また、要素の名前が messageDiv であり、それ以外のものではないことも確認してください。

編集

WebForms を使用していて、id が期待したものではないことがわかった場合は、id の代わりにクラス名を使用できます。ヒットアンドミスが少ないので、私は実際にこのアプローチを好みます

編集 2

href をhref='.'に、クリック イベントを に変更します。$('#messageDiv').fadeOut('slow');return false;

于 2010-09-03T04:46:24.553 に答える
1

エラーdivでこれを使用しています：

<a href='javascript:void(0);' onClick=\"$('#messageDiv').fadeOut('slow');\"  class='link'>

とにかくjQueryを使用しているので、IDを指定し、jQuery live（）を使用してonclickイベントをアタッチすることにより、その特定のタグを書き直したい場合があります。

使用する：

<a href='#' id='hide_link' class='link'>

以下のJavascriptコードを以下のどこかで使用します。

$(document).ready(function(){
     $('#hide_link').live('click',function(e){
         e.preventDefault();    // this will prevent the default link-click action
         $('#messageDiv').fadeOut('slow');
     });
});
于 2010-09-03T05:00:48.533 に答える