jqModal：Safariで動作しない複数のモーダルダイアログを起動する

Question

モーダルダイアログを1つしか持たないときは、Safariでも動作します。

HTML

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

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

JS

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

しかし、私は別のダイアログを開くために複数のリンクを追加するとき、それはSafariで動作しない以下のようにこの場合、私はデフォルトjqModalセレクタを使用しています。 他のすべてのブラウザで動作します。複数のダイアログの

HTMLコード

<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> 

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; 
    }); 

}); 

あなたが任意のソリューションまたは複数のモーダルダイアログを実装するためのより良い方法を持っているなら、私に知らせてください。ちょうど私が

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

を掲載JSコードを修正したかった

Answer 1

は

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

されている必要がありますしかし、私はまだSafariで立ち上げた2つのモーダルダイアログを取得することはできません。

他のすべてのブラウザが動作しています。彼らは以前の間違ったJSでさえ何とか働いていた。