jqModal：啓動在Safari中不工作的多個模式對話框

Question

當我只有一個模式對話框時它也可以在Safari中使用。在這種情況下，我使用默認jqModal選擇如下圖所示

HTML

<a href="#" class="jqModal">Start Demo 1</a> 

<div class="jqmWindow" id="dialog"> Demo 1 </div> 

JS

$('#dialog').jqm({modal:true}); 

但是當我添加多個鏈接打開單獨的對話框，它不會在Safari工作。 它適用於所有其他瀏覽器。

的多個對話

<a id="startDemo1" href="#"> 
    <h3 class="demo-heading">Demo 1</h3> 
</a> 
<div id="Demo1" class="jqmWindow"> 
    <p>Demo 1</p> 
</div> 

<a id="startDemo2" href="#"> 
    <h3 class="demo-heading">Demo 2</h3> 
</a> 
<div id="Demo2" class="jqmWindow"> 
    <p>Demo 2 Let's see if it launches new dialog</p> 
</div> 

HTML代碼的Javascript

$(document).ready(function(){ 

    $('div.jqmWindow').jqm({modal:true, overlay: 50, trigger: false}) 

    $('#startDemo1').click(function() { 
     $('#Demo1').jqmShow(); 
     return false; 
    }); 

    $('#startDemo2').click(function() { 
     $('#Demo2').jqmShow(); 
     return false; 
    }); 

}); 

請讓我知道如果您有任何解決方案或實現多模態對話框一個更好的辦法。

Answer 1

只是想糾正JS代碼我張貼

$('div.jqmWindow').jqm({modal:true, overlay: 50, trigger: false}) 

應該已經

$("Demo1").jqm({modal:true, overlay: 50, trigger: false}) 
$("Demo2").jqm({modal:true, overlay: 50, trigger: false}) 

但我還是不能讓Safari瀏覽器上推出了2個模式對話框。

所有其他瀏覽器正在工作。即使之前有錯誤的JS，他們也會以某種方式工作。