1

我是 javascript/jQuery 的新手，这真的让我很难过。

我在这里想要实现的是

  • 在切换 a#sameDayTab jquery 将寻找 .changeAlert 和 fadeOut 它是容器 div，当再次切换时 div 将淡入（这很好用。）
  • 每个切换还将调用一个函数，告诉我页面上有多少个 .changeAlert，并在一个范围内适当地更新数字。问题是，当我第一次单击切换锚时，可见的数量应该为 0，因为 .changeAlert 已被 fadeOut 隐藏，而是返回页面加载时存在的类的数量，无论激活多少次切换，此值都不会改变.

非常感谢任何帮助。

function totalNumFares ()
    {
    var n = $('.changeAlert:visible').size();               
    $('.numFares').replaceWith('<span class=\"numFares\">'+ n +'</span>');

    }

totalNumFares();    

//Toggle On/off Same Day Connections

$('a#sameDayTab').toggle(function() {

    $('.changeAlert').parent().parent().parent().parent().parent().fadeOut();
    totalNumFares();        


    },function(){
    $('.changeAlert').parent().parent().parent().parent().parent().fadeIn();
    totalNumFares();


});
4

2 回答 2

0

您需要将其设置为回调：

$(function(){
    // You can set duration to whatever you like
    $("#item").fadeOut(duration, function(){
        totalNumFares();
    });
});

http://api.jquery.com/fadeOut/

于 2010-05-12T21:01:26.627 回答
0

您需要将其作为.fadeOut()回调运行，如下所示：

$('.changeAlert').parent().parent().parent().parent().parent().fadeOut(totalNumFares);

目前它在开始淡入淡出后立即执行，但:visible直到它完成淡入淡出，所以要计算你想要的，你需要在.fadeOut()完成后更新它，也就是回调运行的时候。

此外，如果您在该父级上有一个可以用作选择器的类，则可以用.parent()一个调用替换该链 。.closest(selector)

于 2010-05-12T21:01:49.547 回答