点击获取 ajax 请求 4 次

Question

当我单击一次时出现问题，我在控制台上收到 4 个请求。像这样。这是我的代码var opener = listTreck.find('.row-holder');opener.on('click.b touchstart.b', function() {  refreshPosition();  var self = jQuery(this);  if (!self.parent().hasClass('active')) {    openerParent.removeClass(activeClass);    self.parent().addClass('active');  } else if (self.parent().hasClass('active')) {    openerParent.removeClass(activeClass);  }  if (!row.hasClass('details-open')) {    colSlide.stop().animate({      marginLeft: -slideWidth    }, animeSpeed);    trackDetails.stop().animate({      marginLeft: -slideWidth    }, animeSpeed, function() {      row.addClass('details-open');      resetStyle();      colHidden.css({        display: 'block',        position: 'absolute',        left: '0',        marginLeft: -slideWidth      });    });  }  if (self.attr('data-src')) {    var url = self.data('src');    //var data = { _token: _globalObj._token };    var data = {};    if (isRoute('/favorites')) {      data.f = true;    }    jQuery.ajax({      url: url,      type: 'GET',      data: data,      dataType: 'html',      success: function(data) {        ajaxHolder.hide().text('');        var html = jQuery('<div>').html(data);        html.appendTo(ajaxHolder);        ajaxHolder.fadeIn('normal', function() {          scrollTrackInfo();        });      },      error: function() {        if (window.lonsole) {          console.log('ajax Error');        }      }    });  }});当我单击 .. 然后我在控制台请求时遇到问题。为什么我的 ajax 调用 4 次。我在这段代码上正确地获得了数据，但唯一的问题是......收到很多请求。当我单击 .. 然后我在控制台请求时遇到问题。为什么我的 ajax 调用 4 次。我在这段代码上正确地获得了数据，但唯一的问题是......收到很多请求。当我单击 .. 然后我在控制台请求时遇到问题。为什么我的 ajax 调用 4 次。我在这段代码上正确地获得了数据，但唯一的问题是......收到很多请求。

Answer 1

   I added e.stopImmediatePropagation();   on 

    opener.on('click.b touchstart.b', function() {

        e.stopImmediatePropagation(); 

    .........other Code........

  }

    It solved my issue.