AJAX скрипт исчезает после живого обновления

Question

Итак, у меня есть 2 AJAX скрипта, и один из них исчезает при запуске первого скрипта.

Скрипт 1:

        function myFunction<?php echo $product['sku'] ?>() {
        // AJAX CALL

          var url = "remove.php?isbn=<?php echo $product['sku'] ?>";

          $.ajax({
            url: url,
            success: function(data){
              $('#refresh').load(location.href + ' #results');
              bs4pop.notice('Το προϊόν αφαιρέθηκε με επιτυχία', {position: 'topcenter', type: 'success'});
            },
            complete: function(){

            }
            });
      };

Скрипт 2:

  $('#insert').on('click', function () {
    var $this = $(this);
    var loadingText = '<i class="spinner-border float-right spinner-border-sm"></i> Παρακαλω Περιμενετε...';
    if ($(this).html() !== loadingText) {
      $this.data('original-text', $(this).html());
      $this.html(loadingText);
    }
    //Disable our button
    $('.btn-dis').attr("disabled", true);
    $('.checked').attr("disabled", true);

    //The URL that we are sending an Ajax request to.
    var url = "insert.php?woocommerce";

    $.ajax({
      url: url,
      success: function (data) {
        bs4pop.notice('Η εισαγωγή έγινε με επιτυχία', {
          position: 'topcenter',
          type: 'success'
        })
        $this.html($this.data('original-text'));
      },
      complete: function () {
        $('#refresh').load(location.href + ' #results');
        $('.btn-dis').attr("disabled", false);
        $('.checked').attr("disabled", false);
      }
    });
  });
     

Оба они заключены в два блока div $('#refresh').load(location.href + ' #results');, когда я нажимаю кнопку, запускающую первый скрипт, второй скрипт исчезает.

В чем проблема?

Спасибо и всего наилучшего.

Answer 1

Хорошо, у меня все заработало, я переместил кнопку, которая запускала второй скрипт за пределы refre sh div, и это сработало как шарм.