javascript - ダイアログのjqueryセットピース

Question

jqueryダイアログにピースを設定したい。ここに私のコードがありますが、うまくいきません:(

$("#main_menu").dialog(
{
    dialogClass: 'transparent',
    autoOpen: true,
    show: "explode",
    hide: "explode",        
    pieces: 16,
    resizable: false,
    width: 522,
    hight: 522
});
$(".blue-pill").click(function()
{
    close_all();
    $("#main_menu").dialog("open");
    return false;
});

このコードのどこが悪いのか誰か教えてもらえますか? 助けていただけませんか？ありがとう

Answer 1

次のようなコードを使用します。

hide: { effect: "explode", pieces: 16, duration: 10 },

Answer 2

pieces should be a part of hide and show

hide: { effect: 'explode', pieces: 16 }
show: { effect: 'explode', pieces: 16 }

autoOpen should be false if you are opening it from any event.

make sure that $("#main_menu") returns a valid div and length > 0

Answer 3

    $("#div1").dialog({

        autoOpen: false,
        width: 500,
        show: "blind",
        hide: { effect: "explode", pieces: 16, duration: 2000 },

        modal: true,
        height: 'auto',
    });

});
function f1() {
    $("#div1").dialog("open")
}