Bootstrap Modal：单击其他按钮后无法再次单击该按钮

Question

我们有一个模式显示，在模式内部有一个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('');
              }
            }
          });
        });
  }
});

}

注意：括号可能是错误的，因为我删除了不相关的代码部分。我认为代码不是问题所在。