Heim  >  Artikel  >  Web-Frontend  >  So schließen Sie die Popup-Ebene im Bootstrap

So schließen Sie die Popup-Ebene im Bootstrap

藏色散人
藏色散人Original
2019-07-16 11:29:162817Durchsuche

So schließen Sie die Popup-Ebene im Bootstrap

So schließen Sie die Popup-Ebene im Bootstrap

So schließen Sie die Popup-Ebene im Bootstrap

Standardmäßig wird das Popup-Fenster geschlossen, nachdem Sie erneut auf das angegebene Element geklickt haben. Mit dem Attribut data-trigger="focus" können Sie festlegen, dass das Popup-Fenster geschlossen wird, wenn die Maus darauf klickt Bereich außerhalb des Elements:

<a href="#" title="取消弹出框" data-toggle="popover" data-trigger="focus" data-content="点击文档的其他地方关闭我">
点我</a>

So schließen Sie die Popup-Ebene im Bootstrap

Wenn Sie den Effekt erzielen möchten, dass das Element angezeigt wird, wenn die Maus es bewegt, und nach dem Entfernen verschwindet, können Sie das Attribut data-trigger verwenden und setzen Sie den Wert auf „hover“:

<a href="#" title="Header" data-toggle="popover" data-trigger="hover" data-content="一些内容">
鼠标移动到我这</a>

So schließen Sie die Popup-Ebene im Bootstrap

Verwandte Empfehlungen: „Bootstrap-Tutorial

Das obige ist der detaillierte Inhalt vonSo schließen Sie die Popup-Ebene im Bootstrap. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn