Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/374.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在对话框的标题栏中添加图像_Javascript_Jquery_Dialog - Fatal编程技术网

Javascript 在对话框的标题栏中添加图像

Javascript 在对话框的标题栏中添加图像,javascript,jquery,dialog,Javascript,Jquery,Dialog,在本例中,如何将小图像与标题并排添加 有人吗? 谢谢 })) 试试这个 $(function () { $('#dialog').dialog({ title: $('<img src="http://blog.laptopmag.com/wpress/wp-content/uploads/2012/02/Google-logo-small.jpg" />'), resizable: false, autoOpen: false, buttons:

在本例中,如何将小图像与标题并排添加

有人吗? 谢谢

}))

试试这个

$(function () {

$('#dialog').dialog({
    title: $('<img src="http://blog.laptopmag.com/wpress/wp-content/uploads/2012/02/Google-logo-small.jpg" />'),
    resizable: false,
    autoOpen: false,
    buttons: {
        "Enrol": function () {
            $(this).dialog('close');
            choice(true);
        },
            "Cancel Enrol": function () {
            $(this).dialog('close');
            choice(false);
        }
    }
});

$(".dialog").click(function () {
    $('#dialog').dialog("open");
  });
});
$(函数(){
$('#dialog')。dialog({
标题:$(''),
可调整大小:false,
自动打开:错误,
按钮:{
“注册”:功能(){
$(this.dialog('close');
选择(正确);
},
“取消注册”:函数(){
$(this.dialog('close');
选择(假);
}
}
});
$(“.dialog”)。单击(函数(){
$('dialog')。对话框(“打开”);
});
});
首先尝试按大小缩放图像


下面是您的示例

非常感谢@Sreekesh-Okky,但是如果我想定制“您的标题”,我该怎么做?例如,我想将文本与图像对齐(垂直居中对齐)@Paulofruoso:只需添加一个带有类和自定义的span。
$(function() {
    $('#dialog').dialog({
        resizable:false,
        autoOpen: false,
        buttons: {
            "Enrol": function()
            {
                $(this).dialog('close');
                choice(true);
            },
            "Cancel Enrol": function()
            {
                $(this).dialog('close');
                choice(false);
            }
        }
    });

$( ".dialog" ).click(function(){        
    $('#dialog').dialog("open");
});
$(function () {

$('#dialog').dialog({
    title: $('<img src="http://blog.laptopmag.com/wpress/wp-content/uploads/2012/02/Google-logo-small.jpg" />'),
    resizable: false,
    autoOpen: false,
    buttons: {
        "Enrol": function () {
            $(this).dialog('close');
            choice(true);
        },
            "Cancel Enrol": function () {
            $(this).dialog('close');
            choice(false);
        }
    }
});

$(".dialog").click(function () {
    $('#dialog').dialog("open");
  });
});