2

ダイアログを使用すると、同時に複数の効果が可能ですか? たとえば、ショー、バウンス、ハイライトなどです。

試し{effect: 'bounce', duration: 550, effect: 'highlight', duration: 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");
            }
        }
    });
});
4

1 に答える 1

0

これに費やした時間は意味がありません。そして、私はまだ望んでいた結果を得ることができませんでした。

しかし、これは少なくとも途中で役立つはずです。 チェック・ダ・フィドル

jQueryUI:

$(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);
    });
});

HTML:

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

古いオブジェクト$newDialogはもともと div と text でしたが、モーダルが作成されると展開されてボタンが追加されるためです。 $dlgボックス全体ではなく、テキスト自体にのみ影響を与えるため、全体をラップする必要がありました。

于 2013-11-08T20:55:33.003 に答える