相关网页位于: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行为之一?