Bootstrap modal не отображается после того, как его не открыли

Question

Я использую Bootstrap 3 для создания модальной формы. Перед нажатием кнопки пользователя, чтобы открыть модальный, есть проверка поля.

Если он действителен, тогда отображается модальное изображение, в противном случае запрещается показывать модальный вид.

Проблема заключается в втором шансе, пользователь нажимает кнопку, а модальный не отображается. Как решить эту проблему?

кода, чтобы показать модальный и предотвратить модальность не показывались: jsfiddle

$("#btnLookupClient").click(function (e) { 
    if ($("select[name='OfficeID'] option:selected").index() <= 0) { 
     alert("Please select office"); 
     $("#OfficeID").focus(); 
     $("#clientModal").on("show.bs.modal", function (e) { 
      return e.preventDefault() // stops modal from being shown 
     }); 
    } else { 
     var url = '@Url.Content("~/Client/Search?officeID=")' + $("#OfficeID").val(); 
     $.get(url) 
      .done(function (data) { 
       $("#lookup-client-container").html(data); 
       $("#clientModal").modal(show = true, backdrop = true); 
      }); 
    } 
}); 

Answer 1

Используйте один() вместо on().

$("#clientModal").one("show.bs.modal", function (e) { 
      return e.preventDefault() // stops modal from being shown 
     }); 

Смотрите здесь: http://jsfiddle.net/akcbj4n5/1/
Также ссылка: Difference between jQuery.one() and jQuery.on()

Answer 2

когда предупреждение получает показано вы связывание preventDefault к событию, которое показывает модальный, так что никогда не будет отображаться снова, даже если проверка проходит.

я предлагаю использовать .one() функция вместо .on() http://api.jquery.com/one/

Также вы модальный сгорит без вызова его в JavaScript, потому что вы установите переключатель модальным и цель к модальному идентификатору.