2011-01-11 4 views
1

Когда у меня есть только одно модальное диалоговое окно, оно также работает в Safari. В этом случае я использую по умолчанию jqModal селекторов, как показано нижеjqModal: запуск нескольких модальных диалогов, не работающих в Safari

HTML

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

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

JS

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

Но когда я добавить несколько ссылок, чтобы открыть отдельные диалоги, он не работает в сафари , Работает во всех других браузерах.

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

}); 

Пожалуйста, дайте мне знать, если у вас есть какое-либо решение или лучший способ реализовать несколько модальных диалоговые окна.

ответ

2

Просто хотел исправить код 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}) 

Но я до сих пор не могу получить 2 модальные диалоговые окна, запущенные на сафари.

Все остальные браузеры работают. Они как-то работали даже с неправильным JS ранее.