jQuery funktioniert nicht nach dem Hinzufügen von noUiSlider jQuery

Question

Ich möchte eine Tabellenzeile löschen, indem Sie auf das untergeordnete Element klicken.

//cart remove line 
    $('.cartlineremove').click(function(e) { 
    $(this).closest('tr').remove() 
    }); 

Dies wurde getestet und es funktioniert.

Wenn ich jedoch einige andere jQuery-Methoden (einige Funktionen für eine andere PHP-Seite, aber alle meine jQuery in main.js) hinzufügen, funktionieren die Löschsymbole nicht mehr. Warum?

 //on search page, price range slider 
     var handlesSlider = document.getElementById('slider-handles'); 
      noUiSlider.create(handlesSlider, { 
      start: [ 0, 5000 ], 

      range: { 
       'min': [ 0 ], 
       'max': [ 5000 ] 
      }, 
      format: wNumb({ 
       decimals: 0 
      }) 
      }); 

      var inputPriceMin = document.getElementById('pricemin'); 
      var inputPriceMax = document.getElementById('pricemax'); 

      handlesSlider.noUiSlider.on('update', function(values, handle) { 

      var value = values[handle]; 

      if (handle) { 
       inputPriceMax.value = value; 
      } else { 
       inputPriceMin.value = value; 
      } 
      }); 

      inputPriceMin.addEventListener('change', function(){ 
      handlesSlider.noUiSlider.set([this.value, null]); 
      }); 

      inputPriceMax.addEventListener('change', function(){ 
      handlesSlider.noUiSlider.set([null, this.value]); 
      }); 


      handlesSlider.noUiSlider.on('change', function(){ 
      var $form = $('#filterform'); 
      var formData = $form.serialize(); 
      $('#pricespinner').addClass('active'); 
      $.post('find.php', formData, function(response){ 
       // do something with response 
       $('#results').load('results.php'); 
       // do something with response ends 
      }) 
      .done(function() { 
       $('#pricespinner').removeClass('active'); 
      }) 

      .fail(function(){ 
       alert("Oops something bad happened"); 
      }); 
      }); 

    //on cart page, cart remove line 
    $('.cartlineremove').click(function(e) { 
    $(this).closest('tr').remove() 
    }); 

Ich habe das Gefühl, dass es an dem noUiSlider DOM fällig ist, aber was genau es so so gemacht, dass der Moment, als ich in der Preisklasse Slider jQuery hinzufügen, das Löschen-Symbol aufgehört zu arbeiten?

Aktualisiert https://jsfiddle.net/sq66f4ak/5/.

Versuchen Sie, die noUIslider jQuery zu entfernen, und Sie werden sehen, dass das Entfernen-Symbol funktioniert, warum?

Answer 1

In Ihrer js Geige ist die noUiSlider.create mit Fehler gescheitert. Ist das auch mit Ihrem echten Code passiert? Jeder vorherige Skriptfehler führt dazu, dass die letzte Ereignisbindung nicht funktioniert. Versuchen Sie, das Entfernen-Symbol zu verschieben, indem Sie zum Testen oben auf das Skript klicken.