多个 jqModal 窗口 - onLoad 和 onClick 在同一页面上。如何？

发布于 2024-12-05 00:50:37 字数 362 浏览 0 评论 0原文

我正在使用 jquery jqModal 脚本来弹出窗口。

我有一个 html 页面，其中有两个 jqModal 窗口。我希望一个在页面打开时加载，另一个通过 onClick 单独打开。

我的脚本不起作用。 onLoad 有效（#success），但 onClick（#dialog）同时打开两者。

这是我当前的脚本：

<script type="text/javascript">

$(document).ready(function() {

$('#dialog').jqm(); 

$('#success').jqm().jqmShow({});
});
</script>

原文

I am using jquery jqModal script for popup windows.

I have one html page with two jqModal windows. I would like one to load when the page opens, and another one opens separately via onClick.

My script is not working. The onLoad works (#success), but the onClick (#dialog) opens both up at the same time.

Here is my current script:

<script type="text/javascript">

$(document).ready(function() {

$('#dialog').jqm(); 

$('#success').jqm().jqmShow({});
});
</script>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

肥爪爪 2024-12-12 00:50:37

这是更新的代码，您可以尝试

$(document).ready(function() {
    $('#dialog').jqm( {trigger:'#dialog'} ); 
    // $('#dialog').jqmAddTrigger('#dialog'); 
    $('#success').jqm().jqmShow({});
});

让我知道它是否适合您
这里你需要添加模态窗口打开时的触发器

here is the updated code u can try

$(document).ready(function() {
    $('#dialog').jqm( {trigger:'#dialog'} ); 
    // $('#dialog').jqmAddTrigger('#dialog'); 
    $('#success').jqm().jqmShow({});
});

Let me know if its working for you
Here you need to add trigger when the modal window will open up

回复收藏 0 原文

躲猫猫 2024-12-12 00:50:37

您提供的代码对我来说没有问题。这是我使用的完整片段：

 <script type="text/javascript">

           $(document).ready(function() {
           $('#dialog').jqm();     
           $('#success').jqm().jqmShow({});
       });


function showModal() {
        $('#dialog').jqmShow({});            
    }
</script>

<div id="dialog" class="jqmWindow">test</div>
<div id="success" class="jqmWindow">test</div>
<input type="button" value="Show Modal" onclick="showModal()"/>

The code you presented works without problems for me. Here is the complete snippet I used:

 <script type="text/javascript">

           $(document).ready(function() {
           $('#dialog').jqm();     
           $('#success').jqm().jqmShow({});
       });


function showModal() {
        $('#dialog').jqmShow({});            
    }
</script>

<div id="dialog" class="jqmWindow">test</div>
<div id="success" class="jqmWindow">test</div>
<input type="button" value="Show Modal" onclick="showModal()"/>

回复收藏 0 原文

~没有更多了~