3

jQuery UI でダイアログ ヘッダーを削除し、閉じるボタンを追加したいと考えています。閉じるボタンは画像です。ユーザーが画像をクリックすると、ダイアログが閉じます。この私のスニペット:

$("#dialog-model").dialog({
    create: function (event, ui) {
        jQuery(".ui-dialog-titlebar").hide();
        $("#dialog-model").css({ 'font-family': 'Helvetica', 'padding': '0', 'font-size': '12px' });
    },
    height: 500,
    width: 900,
    modal: true,

});

scipt に画像を追加しようとしましたが、うまくいきません

4

1 に答える 1

3

回答を更新

これを試してみませんか？デモhttp://jsfiddle.net/yeyene/GnpQ8/2/

カスタムの閉じるボタンを作成します。

$(document).ready(function(){
    $("#dialog-model").dialog({
        create: function (event, ui) {
            $('.ui-dialog-titlebar').css({'background':'none','border':'none'});
            $(".ui-dialog-titlebar").html('<a href="#" role="button"><span class="myCloseIcon">close</span></a>');
            $("#dialog-model").css({ 'font-family': 'Helvetica', 'padding': '0', 'font-size': '12px' });
        },
        width: 250,
        height: 150,       
        modal: true,
        resizable: false
    });
    
    $("span.myCloseIcon").click(function() {
        $( "#dialog-model" ).dialog( "close" );
    });
});
于 2013-06-17T02:18:21.837 に答える