正如我的应用程序上的标题所说,有一个 ajax .load 函数导致 fadeToggle 播放。
该应用程序的工作原理如下:
有一个加载“事件”页面的 jquery 函数:
`
function LOAD_EVENTS_PAGE(d,m,y)
{
$('.show_page').load('events.php',function(){
scroll_bar=$('.cndr_sidebar_inner').jScrollPane({mouseWheelSpeed:30,autoReinitialise:true,maintainPosition:false,animateScroll:true}).data('jsp');
//RELOAD FORM INPUT CODE
$(".form-field").length&&(wtextval=[],$(".form-field").each(function(a){var b=$(this).attr("id");if(""==b||null==b||void 0==b)b="form-field_"+a,$(this).attr("id","form-field_"+a);wtextval[b]=$(this).val();$(this).addClass("watermark");$(".form-field").css("color","#999")}),$(document).on("focus",".form-field",function(a){a=$(this).attr("id");$(this).val()==wtextval[a]&&($(this).val("").removeClass("watermark"),$(".form-field").css("color","#333"))}),$(document).on("blur",".form-field",function(a){a=$(this).attr("id");""==$(this).val()&&($(this).val(wtextval[a]).addClass("watermark"),$(".form-field").css("color","#999"))}));
$(".cndr_but_2, #cancel_but_2, #accept_but_2").click(function() {
var d = $('#date_holder').attr('value');
var m = $('#date_holder').attr('name');
var y = $('#date_holder').attr('alt');
$(".datepicker_popup_2").fadeToggle( "fast", "linear" );
var d = $('#date_holder').attr('value', d);
var m = $('#date_holder').attr('name', m);
var y = $('#date_holder').attr('alt', y);
});
$('.event_date').attr('value',d+'-'+m+'-'+y);
$('.show_header_date').text(GET_MONTH(m)+' '+y);
$('.day_field_2').val(d);
$('.month_field_2').val(m);
$('.year_field_2').val(y);
});
}
`
如果您不想继续搜索该代码,请使用切换部分:
$(".datepicker_popup_2").fadeToggle( "fast", "linear" );
现在,问题是当用户使用该功能时,经过一番玩弄后,我发现它一定是切换切换或添加到它类型的东西,我对此很困惑,但基本上“fadeToggle”在整个页面弹出(基本上是日期选择器类型的东西),如果我第二次访问事件页面并单击打开日期选择器的链接,当我尝试关闭它时它会淡出但是然后再次淡入......但是,我发现如果我第三次打开页面它会淡出然后淡入,然后......淡出因此我说它必须是“添加到“切换命令??????
所以我的问题是:
1)是什么原因造成的?2)我该如何解决这个问题?3)有没有我可以使用的css淡入淡出切换?