2014-02-20 160 views
0

我试图阻止用户关闭模式而不按关闭按钮(通常情况下,您可以轻敲模式,它将关闭),但是我可以从不关闭,但关闭按钮仍然不起作用!:防止关闭模式

   $('#manageRooms').on('hide.bs.modal', function (e) { 
       $('#manageClose').click(function (event) { //Have they pressed the close button? 
        $(this).data('clicked', 'yes'); 
       } 
       ); 
       if (!data) return e.preventDefault(); // stops modal from being hidden 

      }) 
+0

你正在使用哪个插件? – Bala

+0

bootstrap www.getbootstrap.com –

回答

2

如果您使用引导模式而不是写下面的代码可以做到这一点。

.modal({ backdrop: 'static', keyboard: false }) 
+0

我该怎么做? –

+0

$('#manageRooms')。modal({backdrop:'static',keyboard:false}) – Nimmi

+0

谢谢 - 现在会测试:) –

2
$('#myModal').modal({ backdrop: 'static', keyboard: false }) 

如果HTML

<a data-controls-modal="your_div_id" data-backdrop="static" data-keyboard="false" href="#"> 
+0

看起来像@Nimmi的相同答案 – Frogmouth

+0

工程,但@Nimmis副本答案 –

0

我不知道这一点,但作品...你可以尝试这样的事:

$('#manageRooms').on('hide.bs.modal', function (e) { 
    if(!($(event.delegateTarget).is($('#manageClose')))) return e.preventDefault(); 
}) 

如果模态插件没有一个不同的方式来设置闭幕式。