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

碎片应该是hide和的一部分show

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

autoOpenfalse如果您从任何事件中打开它，应该是。

确保$("#main_menu")返回一个有效的 div 和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")
}