當點擊背景時禁用關閉彈出框

Question

我使用featherlight.js作爲lightbox。當它被打開並且我點擊它的背景時，它會隱藏彈出窗口。我需要禁用此功能。我注意到，這個JS有closeTrigger選項，但不知道如何使用它。

Answer 1

這裏面一個默認選項：

closeOnClick: false   /* Close lightbox on click ('background', 'anywhere', or false) */ 

選擇「FALSE」值，這將禁用點擊彈出閉幕在背景上。

Answer 2

在文檔中，你可以從它的默認禁用它

defaults: { 
     closeOnClick: false, /* Close lightbox on click ('background', 'anywhere', or false) */ 
} 

Answer 3

謝謝，我在寫完我的問題後找到了解決辦法，但謝謝大家。我的最終代碼看起來是這樣的：

jQuery.featherlight(jQuery('#professional_investor_box'), { 
     closeOnClick:false, 
}); 

Answer 4

我建議不要因爲你已經使用「數據」分開來寫JavaScript片段屬性初始化燈箱。

根據提供的文檔，您可以在標記本身中設置data-featherlight-close-on-click =「false」以實現相同。

小提琴 - http://jsfiddle.net/ylokesh/c5pq5bs1/2/

HTML

<a class="btn btn-default" href="#" data-featherlight-close-on-click="false" data-featherlight="#fl1">Default</a> 
<div class="lightbox" id="fl1"> 
    <h2>Featherlight Default</h2> 
    <p> 
     This is a default featherlight lightbox.<br> 
     It's flexible in height and width.<br> 
     Everything that is used to display and style the box can be found in the 
    </p> 
    <a href="https://github.com/noelboss/featherlight/blob/master/src/featherlight.css">featherlight.css</a> file which is pretty simple. 
</div> 

使用此選項，您將節省編寫單獨的腳本塊只是啓用此功能。