在CSS中跟蹤Onclick事件 - 執行一些操作

我正在使用簡單的jquery模式。我想在模態背後的疊加層中執行onclick事件。 Here is the link for modal。當用戶在模態外點擊時，我需要關閉模態。這是代碼。在CSS中跟蹤Onclick事件 - 執行一些操作

#basic-modal-content {display:none;} 

    /* Overlay */ 
    #simplemodal-overlay {background-color:#000; cursor:wait;} 

    /* Container */ 
    #simplemodal-container {height:300px; width:600px; color:#bbb; background-color:#FFF; border:6px solid #72A014;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px; padding:12px;} 
    #simplemodal-container .simplemodal-data {padding:8px;} 
    #simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;} 
    #simplemodal-container a {color:#ddd;} 
    #simplemodal-container a.modalCloseImg {background:url(close.png) no-repeat; width:40px; height:40px; display:inline; z-index:3200; position:absolute; top:-20px; right:-23px; cursor:pointer;} 
    #simplemodal-container h3 {color:#84b8d9;}

當用戶點擊覆蓋時，模式需要關閉。有沒有什麼方法跟蹤模式外的onclick事件並關閉它？

希望我的問題很清楚。提前致謝！！

來源

2013-02-04 Vignesh Gopalakrishnan

你不能點擊css。 – Jai

有沒有其他的方法來關閉模態，當點擊發生在模態之外？ –

你嘗試過什麼嗎？將其粘貼到此處，然後我們將能夠調試您的代碼並提供解決方案。 – Jai

綁定一個事件來#simplemodal-overlay

$("#simplemodal-overlay").click(function(){ 
//code to remove the overlay , same as on the close btn 
});

但我不明白爲什麼等待光標覆蓋？

來源

2013-02-04 06:50:04 Sarath

Thankyou哥們..它適合我。 –

未經測試，但這看起來應該工作：Forums ASP.NET

來源

2013-02-04 06:52:42

對不起大衛。它不起作用。 –

在CSS中跟蹤Onclick事件 - 執行一些操作

回答

相關問題