在打開的模式對話框中識別SimpleModal html內容

Question

我有一種情況，我想關閉特定的模式對話框，但不關閉其他模式對話框。有什麼方法可以訪問模態對話框所形成的html。例如：我想要關閉的模式對話框由

$("div#DivReleaseNotification").modal({ 
     containerCss: { 
      backgroundColor: "Orange", 
      borderColor: "Blue", 
      font: "bold 16px Arial, Sans-Serif", 
      width: 700 
     } 
    }); 

我只想關閉此對話框。有什麼方法可以識別已打開的對話框。在這種情況下，看看打開的對話框是否有編號DivReleaseNotification。

Answer 1

它取決於您想要關閉對話框的位置。

您可以在對話框中插入一個關閉元素，並在其上設置類simplemodal-close，或者您可以使用close方法以編程方式關閉打開的對話框。

代碼：

var diagToClose; 

$('#basic-modal').click(function (e) { 
    diagToClose=$("div#DivReleaseNotification").modal({ 
     containerCss: { 
      backgroundColor: "Orange", 
      borderColor: "Blue", 
      font: "bold 16px Arial, Sans-Serif", 
      width: 700 
     } 
    }); 

    return false; 
}); 

$('#basic-closer').click(function (e) { 
    diagToClose.close(); 
    return false; 
}); 

演示：http://jsfiddle.net/IrvinDominin/Sv64m/