Javascript 在对话框中显示/隐藏多个效果

使用对话框是否可以同时产生多重效果？例如，在“显示”、“反弹”和“高亮显示”中

我尝试了

{效果：“反弹”，持续时间：550，效果：“突出显示”，持续时间：550}，

但只有最后一个效果运行

$('.modal').click(function () {
    $(".dialog-modal").dialog({
        modal: true,
        hide: "fadeOut",
        show: {effect: 'bounce', duration: 550, effect: 'highlight', duration: 550},
        buttons: {
            Ok: function () {
                $(this).dialog("close");
            }
        }
    });
});

---

我刚才花在这上面的时间是没有意义的。我仍然没有得到我想要的结果

但这至少能帮你一把

jQueryUI： HTML:

点击
一些东西

---

如果你想知道为什么我为

$newDialog

创建了第二个对象，那是因为旧的对象最初是一个div和text，但在创建模式时，它会展开并添加按钮

$dlg

只会对文本本身产生效果，而不会对整个框产生效果，因此需要包装整个内容。

您传递的是一个对象，因此您正在使用第二个

效果覆盖效果：“突出显示”

$(document).ready(function () {
    var $dlg = $('.dialog-modal');
    var $mdl = $('.modal');
    $dlg.dialog({
        autoOpen: false,
        modal: true,
        dialogClass: 'sweetums',
        hide: "fadeOut",
        show: {
            effect: 'bounce',
            duration: 550
        },
        buttons: {
            Ok: function () {
                $dlg.dialog("close");
            }
        }
    });
    var $newDialog = $('.sweetums');
    $mdl.click(function () {
        $dlg.dialog('open');
        $newDialog.effect("highlight", 550);
    });
});

<button class="modal">Click</button>
<div class="dialog-modal">some stuff</div>