0

ボックスを使用してJquery Dialogいます。これには、[送信]ボタンと[閉じる]ボタンがあります。ここのようなUI効果を閉じるボタンに配置したいと思います。

私のDialog boxコードは以下の通りです、

$(document).ready(function() {
    $("#disableDivForm").dialog({
        autoOpen: true,
        position: 'center',
        height: 187,
        width: 472,
        modal: true,
        show: {
            effect: 'explode',
            duration: 400
        }
    });
    $('#body').show();
});​

の中に閉じるボタンがありますdisableDivForm。コードは以下のとおりです、

<div id="disableDivForm" name="disableDivForm">
    <input type="submit" id="cancelID" value="Close" onClick="return cancel()" class="but-bl2"/>
</div>

function cancel()
{
    document.disableForm.action=" - myAction goes here - "; 
    document.disableForm.method="POST";
    document.disableForm.submit(); 
}

効果を出すために以下のコードを試してみました。

$(document).ready(function(){
    $("#cancelID").click(function(){
       hide: {effect: 'explode', duration: 400}
    });
});

しかし、それは機能していません。ダイアログボックス自体が開きません。Javaスクリプトエラーはありません。.click関数のコードを内部に配置しました<div id="disableDivForm">

4

1 に答える 1

1

このフィドルアウトjsfiddleをチェックしてください、あなたが望むものかもしれません。ダイアログボックスの初期化中に非表示効果を追加できます

  $("#disableDivForm").dialog({
    autoOpen: true,
    position: 'center',
    height: 187,
    width: 472,
    modal: true,
    show: {
        effect: 'explode',
        duration: 400
    },
    hide: {
        effect: 'explode',
        duration: 400
    }
});
于 2012-10-25T11:22:38.697 に答える