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中不起作用。它适用于所有其他浏览器。

多个对话框的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;
    });

});

如果您有任何解决方案或更好的方法来实现多个模态对话框，请告诉我。

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工作。

jqModal：启动多个不在Safari中运行的模态对话框

1 个答案: