1

当我只有一个模式对话框时，它也可以在 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;
    });

});

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

4

1 回答 1

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

但我仍然无法在 Safari 上启动 2 个模式对话框。

所有其他浏览器都在工作。他们以某种方式工作，即使早些时候使用了错误的 JS。

于 2011-01-14T21:04:42.730 回答