title: On click get ajax request 4 times
body: <p>Get issues when i click one time i got 4 request on console. like this.
  <a href="https://i.stack.imgur.com/8w9Qp.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8w9Qp.jpg" alt="enter image description here"></a></p>
  
  <p>here is my code</p>
  
  <pre><code>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('&lt;div&gt;').html(data);
          html.appendTo(ajaxHolder);
          ajaxHolder.fadeIn('normal', function() {
            scrollTrackInfo();
          });
  
        },
        error: function() {
          if (window.lonsole) {
            console.log('ajax Error');
          }
        }
      });
    }
  });
  </code></pre>
  
  <p>when i click .. then i got issue on console request.why my ajax call 4 times. i got data properly on this code but only issue is... get many request.
  when i click .. then i got issue on console request.why my ajax call 4 times. i got data properly on this code but only issue is... get many request.
  when i click .. then i got issue on console request.why my ajax call 4 times. i got data properly on this code but only issue is... get many request.</p>
  
  <pre><code>'980..': {
              on: function() {
                  initTrackInfo();
                  jQuery('.side-menu').each(function(){
                      var set = jQuery(this);
                      set.find('.scrollable-area').each(function(){
                          if(this.jcf) this.jcf.destroy();
                      });
                      jcf.customForms.replaceAll(set.get(0));
                  });
              },
  </code></pre>