2014-06-24 9 views
6

Ich habe einen Knopfcode, den jemand erstellt hat. Hier sind die Button-Code:Wofür wird data-toggle = "modal" verwendet?

<button class="demo btn btn-primary" data-toggle="modal" href="#long" onClick="javascript:add();"><i class="icon-plus-sign icon-white"></i> Add Employee</button> 

ich bearbeiten haben die Funktion der Taste im Zusammenhang (die neuen Daten vom Button senden und rufen sie in der Funktion), aber es ist nichts passiert. Dann habe ich versucht, data-toggle="modal" zu löschen, das Popup wurde nicht angezeigt. Also, ich frage mich, was ist data-toggle="modal" für verwenden?

ich hier gedacht sind die Verbindung zur modalen:

<script src="js/bootstrap-modalmanager.js"></script> 
<script src="js/bootstrap-modal.js"></script> 

Kann mir jemand erklären, über data-toggle="modal"? Vielen Dank.

Antwort

14

Vom Bootstrap Docs

<!--Activate a modal without writing JavaScript. Set data-toggle="modal" on a 
controller element, like a button, along with a data-target="#foo" or href="#foo" 
to target a specific modal to toggle.--> 

<button type="button" data-toggle="modal" data-target="#myModal">Launch modal</button> 
+3

Dank. Es hilft mir. – sura2k

+0

Wie schließe ich das Modal nach dem Öffnen von JavaScript? – ppumkin