Bootstrap Модальный: не могу нажать кнопку второй раз после нажатия другой кнопки - PullRequest
0 голосов
/ 30 апреля 2020

У нас есть модальное отображение, а внутри модального у нас есть кнопка noShow и поле ввода, связанное с кнопкой walkOn. Кнопка «Показать» не работает после вызова кнопки walkOn.

Что не так и как мы можем это исправить?

function getModalData(mon) {
  $('[data-toggle="modal"]').on('click',function() {

    //walkOnUrl is prepared

   if (modalId == '#otherShift') {
      $('#otherShiftText').load(dataURL,function() {

        $('#otherShift').modal('show');

Вот часть с Кнопка noShow, которая работает, если она вызывается один или несколько раз, если между ними нет вызовов.

        $(".noShow").on("click", function(){
          var url = $(this).attr("href");
          var noShowNetID = $(this).attr("netid").trim();
          var noShowArea = '\"#noshow'  + noShowNetID + '\"';
          $(this).parent("span").load(url);
        });

Вот прослушиватель событий, связанный с кнопкой walkOnSubmit.


        $("#walkOnSubmit").on("click", function() {
          var walkOnNetId = $("#walkOnInput").val();
          $("#walkOnText").text('');
          walkOnUrl += "&netid=" + walkOnNetId;
          console.log($('#otherShiftText').html());
          $.ajax({
            url: walkOnUrl,
            type: 'GET',
            success: function(data){
              if (data == "failed") {
                $("#walkOnText").html("<br><br>walkOn Request Failed. Please try again.");
                $("#walkOnInput").val('');
              }
              else {
                console.log(data)
                curr = $('#otherShiftText').html() + data;
                // console.log(curr);
                $('#otherShiftText').html(curr);
                $("#walkOn").val('');
              }
            }
          });
        });
  }
});

}

Примечание: круглые скобки могут быть неправильными, так как я вынул не относящиеся к делу части кода. Я не думаю, что это проблема с кодом.

...