2011-01-11 20 views
1

Wenn ich nur einen modalen Dialog habe, funktioniert es auch in Safari. In diesem Fall bin ich mit Standard-jqModal Selektoren wie untenjqModal: Starten mehrerer modaler Dialoge funktioniert nicht in Safari

HTML

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

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

JS

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

gezeigt Aber wenn ich mehrere Links hinzufügen separate Dialoge zu öffnen, funktioniert es nicht in Safari . Es funktioniert auf allen anderen Browsern.

HTML-Code für mehrere Dialoge

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

}); 

Bitte lassen Sie mich wissen, wenn Sie eine Lösung oder eine bessere Art und Weise haben mehrere modale Dialoge zu implementieren.

Antwort

2

Ich wollte nur den JS-Code korrigieren

I posted

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

sollte

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

Aber ich kann immer noch die 2 modalen Dialoge ins Leben gerufen auf Safari nicht bekommen.

Alle anderen Browser funktionieren. Sie arbeiteten irgendwie sogar mit dem falschen JS früher.

Verwandte Themen