Bootstrap Modal offen unter Bedingung

Question

Ich benutze Bootstrap modales Popup, um Inhalt im Popup anzuzeigen, und ich benutze If/Else Bedingung, um modales Popup zu öffnen. Ich möchte modales Popup nicht öffnen, wenn die Bedingung falsch ist. Mein Code:

<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> 

Meine jQuery ist:

$('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"); 
      }); 
     } 
    }); 

Wenn filters.length < = 0 ist, dann will ich nicht Popup öffnen. Öffnen Sie nun das Popup mit leerem Inhalt.

Answer 1

Das Problem ist, dass Sie data-toggle="modal" auf Ihrem Knopf haben, die die Daten-Attribute (HTML5) Art und Weise der Verwendung von Modalverben ist. Dies funktioniert ohne Javascript geschrieben.

entfernen Sie data-toggle und dann sollte Ihr Javascript korrekt ausgeführt werden.

documentation

Answer 2

Versuchen zu tun:

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