0

特定の経過後に閉じるボタンを表示するにはどうすればよいですか。settimeoutを試しましたが、機能しません。誰かが特定の時間の後に閉じるボタンを表示するための基本的なサンプルを提供できますか？

ありがとう

編集：
誰かがこれについて私に尋ねたので、これは私がカスタムボタンをした方法です

 var myButtons = {
                'Close': function () {
             },
             'Do not show this again': function () {
                    $.ajax({
                        type: "POST",
                        url: pagename,
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        success: function (response) {
                            if (response.d == true) {
                            }
                        }
                    });
                }
             };

$("#div").html("").dialog({ modal: true, resizable: false, width: 830, height: 580, show: 'slow', title: '', open: function (event, ui) { $(".ui-dialog-titlebar", $("#div").parent()).hide(); }, buttons: myButtons });

それが私がカスタムボタンをした方法です。mybuttons変数を使用した理由は、条件ステートメントを使用し、それに基づいてダイアログが開いたときにさまざまなボタンを表示するためです。

4

2 に答える 2

1

以下のようなものを試してください、

デモ

var $dialog = $('Your Dialog Div'); // Your Dialog Div

//Get Dialogs Parent and find the close button. 
//jQuery assigns .ui-dialog-titlebar-close class to the close X (a tag)
var $dialogCloseBtn = $dialog.parent().find('.ui-dialog-titlebar-close'); 

//hide the close button
$dialogCloseBtn.hide();

//show the close button after 10 seconds
setTimeout(function () {
    $dialogCloseBtn.fadeIn(100);
}, 10000);

前提:上記のコードは、ダイアログのタイトルに表示される jQuery の既定の [閉じる] ボタンを非表示/表示することを前提としています。

于 2012-04-10T15:39:25.997 に答える
0

ダイアログに の閉じるボタンがある場合はid=close_dialog_button、display:noneスタイルを指定してから次のコードを使用します。

$( "#dialog_div" ).dialog({
   open: function(event, ui) {
    setInterval(function() {
        $("#close_dialog_button").show();
    }, 10000);
 }
});
于 2012-04-10T15:36:25.377 に答える