jqModal: запуск нескольких модальных диалогов не работает в Safari - PullRequest
Новая
       1

jqModal: запуск нескольких модальных диалогов не работает в Safari

1 голос
/ 11 января 2011

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

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

});

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

1 Ответ

2 голосов
/ 15 января 2011

Просто хотел исправить код 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 модальных диалоговых окна в Safari.

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

...