эффект затухания с Hide в JQuery - PullRequest
Новая
       21

эффект затухания с Hide в JQuery

0 голосов
/ 03 сентября 2010

Я пытаюсь скрыть 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'); не работает

Ответы [ 2 ]

6 голосов
/ 03 сентября 2010 
$('#messageDiv').fadeOut('slow');

или 

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

означает, что затухание должно занять 250 миллисекунд.

Убедитесь, что ваш элемент имеет имя messageDiv, а не что-то еще.

1010 * редактировать *

Вы можете использовать вместо этого имя класса, если идентификатор, если вы используете веб-формы и обнаруживаете, что идентификатор не соответствует ожидаемому. Я на самом деле предпочитаю такой подход, так как он менее хит-мисс

редактировать 2

Измените ваш href на href='.', а событие клика на $('#messageDiv').fadeOut('slow');return false;

1 голос
/ 03 сентября 2010

Вы используете это в вашем сообщении об ошибке: 

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

Так как вы все равно используете jQuery, вы можете переписать этот конкретный тег, присвоив ему идентификатор и прикрепив событие onclick с помощью jQuery.live ().

Используйте: 

<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');
     });
});
...