Question

正如标题在我的应用程序中所说，有一个ajax .load函数导致fadeToggle播放。

该应用程序的工作原理如下：

有一个jquery函数可以加载＆＃34;事件＆＃34;页：

`

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" );

现在，问题是当用户使用多于一个的功能时，经过一段时间的游戏我发现它必须切换切换或添加它的类型的东西，我只是对此非常困惑，但基本上是＆＃34; fadeToggle＆＃34;是弹出一个完整的页面（基本上是一个日期选择器类型的东西），如果我第二次访问事件页面，然后单击打开日期选择器的链接，当我尝试关闭它时淡出然后淡化再次......但是，我发现，如果我第三次打开页面它淡出然后淡入，然后...淡出然后为什么我说它必须是＆＃34;添加到＆＃34;切换命令?????

所以我的问题是：

1）造成这种情况的原因是什么？ 2）我该如何解决这个问题？ 3）我可以使用css淡入淡出切换吗？

ajax导致fadeToggle多次运行

0 个答案: