부트 스트랩 모달이 열린 상태에서

Question

부트 스트랩 모달 팝업을 사용하여 팝업의 내용을 표시하고 모달 팝업을 열려면 if/else 조건을 사용하고 있습니다. 조건이 거짓 일 때 모달 팝업을 열지 않습니다. 내 코드 :

<a data-toggle="modal" class="btn btn-primary" style="font-size: 10px" href="#" data-target="#myModal" title="Edit"><span class="glyphicon glyphicon-pencil"></span>Edit</a> 

내 jQuery를은 다음과 같습니다

$('a[data-target=#myModal]').on('click', function (ev) { 
     ev.preventDefault(); 
     if (filters.length <= 0) { 
      alert('Please select any one item in grid'); 
     } 
     else { 
      $(this).attr('href', '/GeoRegion/Edit/' + filters[0]); 
      var target = $(this).attr("href"); 

      // load the url and show modal on success 
      $("#myModal").load(target, function() { 
       $("#myModal").modal("show"); 
      }); 
     } 
    }); 

filters.length < = 0 그때는 팝업을 열지 않으려면. 이제 빈 내용으로 팝업을 엽니 다.

Answer 1

문제는 당신이 조동사를 사용하는 데이터 특성 (HTML5) 방법입니다 귀하의 버튼에 data-toggle="modal"을 가지고있다. 이것은 작성된 자바 스크립트없이 작동합니다.

data-toggle을 제거한 다음 자바 스크립트가 올바르게 실행되어야합니다.

documentation

Answer 2

가 할 것 :

if (filters.length <= 0) { 
    $("#myModal").modal("hide"); 
}