Jquery ajax导致fadeToggle运行多次

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

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

有一个jquery函数可以加载“事件”页面：

`

`

切换部分，如果您不想继续搜索该代码：

$（“.datepicker\u popup\u 2”）.fadeToggle（“快速”、“线性”）；

现在的问题是，当用户不止一次地使用该功能时，经过一段时间的尝试后，我发现它一定是在切换或添加某种类型的东西，我对此非常困惑，但基本上“fadeToggle”是在一个完整的页面弹出窗口上（基本上是一个日期选择器类型的东西）如果我第二次访问事件页面，点击打开日期选择器的链接，当我试图关闭它时，它会消失，然后又消失……但是，我发现如果我第三次打开页面，它会消失，然后又消失，然后……消失，所以我说它必须“添加”切换命令

因此，我的问题是：

1） 这是什么原因造成的？ 2） 我怎样才能解决这个问题？

---

3） 我可以使用css淡入淡出切换吗？

请先以可读的方式格式化代码。要完全理解代码非常困难，而且需要花费很长时间，但听起来好像是在创建多个实例，并在每次启动函数时触发每个实例。您应该在HTML（HTML5）中创建一个属性，将其设置为“0”，当函数第一次初始化时，将该属性设置为“1”，例如，这样可以消除重复。您的意思是我可以设置一个属性，例如value=“0”，然后，当代码第一次运行时，将jquery中的.val更改为1，然后第二次运行if语句时，它将不运行toggle？我通过添加：

.unbind（“click”，handler）解决了这个问题

到fadeTogglewhat jQuery版本您正在使用。。load（）速记方法自1.8版以来已贬值，不久将从jQuery中删除。。还有JSFIDLE或codepen示例吗？

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