gpt4 book ai didi

javascript - 语义 UI 耦合模式不起作用

转载 作者:行者123 更新时间:2023-11-30 15:50:34 26 4
gpt4 key购买 nike

我对语义 UI 有疑问。我正在尝试使用多个模式,但在第一个模式上按下“批准”按钮后,第二个模式会闪烁一小会儿,然后它们都会关闭(在 Firefox 和 Chrome 中测试)。我不确定我做错了什么。

我的代码:

<body>
<div class="ui coupled first modal">
<div class="header">Header 1</div>
<div class="actions">
<div class="ui approve button">Approve</div>
</div>
</div>
<div class="ui coupled second modal">
<div class="header">Header 2</div>
</div>

<script>
$('.coupled.modal').modal({
allowMultiple: true
});

$('.second.modal').modal('attach events', '.first.modal .button');

$('.first.modal').modal({
transition: 'fade up'
}).modal('show');
</script>
</body>

这是我的 JSFiddle http://jsfiddle.net/tm95bwpf/

最佳答案

From the documentation on modal settings

Close actions are applied by default to all button actions, in addition an onApprove or onDeny callback will fire if the elements match either selector.

approve : '.positive, .approve, .ok', deny : '.negative, .deny, .cancel'

当您将“approve”作为您的类(class)时,它会导致模式关闭,因为它会触发 onApprove 事件。

关于javascript - 语义 UI 耦合模式不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39413400/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com