有问题的页面位于: http: //pull4parkinsonsfoundation.org/clinical_trials
我是 Ajax <ul>
,通过单击导航链接将链接加载到 ID 区域中,该链接通过淡出当前 html 并淡入新内容来过滤所看到的内容。这一切都有效。
根据我在SO上找到的输入,我了解到在第一次淡出后淡入有问题的 div 需要在load()
调用的回调中处理。
不过,到目前为止一切都很好。(实际上,为了清楚起见,我使用fadeTo('slow',0.2)
andfadeTo('slow',1)
来表示淡出/淡入,因为实际的淡出/淡入会使页面元素发生变化)。
问题是,当单击另一个导航链接为列表选择新过滤器时,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 行为之一?