带有回调的jQuery Ajax load()fadeTo()仅在第一次使用fadeTo()不透明度时

时间:2012-11-26 18:15:05

标签: jquery ajax fadein fadeout fadeto

相关网页位于:http://pull4parkinsonsfoundation.org/clinical_trials

我是Ajax通过点击导航链接将<ul>个链接加载到ID区域,该链接可以过滤掉当前html中所看到的内容并淡化新内容。这一切都有效。

基于我在 SO 上找到的输入,我首先了解了 中的div淡出它需要在load()调用的回调中处理。

到目前为止,一切都很好。 (实际上,为了清楚起见,我使用fadeTo('slow',0.2)fadeTo('slow',1)作为fadeout / fadein作为实际的fadeOut / fadeIn使页面元素移位。)

问题在于,当单击另一个导航链接为列表选择新过滤器时,fadeTo()始终为零,而不是编码的0.2。这不是一个可怕的问题,但我更喜欢20%可见度的效果,以便该区域不会完全消失。

这是我正在使用的jQuery:

$(document).ready(function() {
    $('#trial_recruitment a.loader').live('click', function() {
        var load_url = $(this).attr('href');
        $('#trial_recruitment a').removeClass('active');
        $(this).addClass('active');
        $('#article_briefs #open_trials').fadeTo('slow', 0.2).load(load_url + ' #open_trials', function() {
            $(this).fadeTo('slow', 1);
        });
            return false;
    })
});

任何想法,或者这只是那些奇怪的jQuery行为之一?

0 个答案:

没有答案