javascript - 如何将图像添加到 JQuery 对话框

Question

您好，我在尝试将图片添加到我的对话框时遇到问题，基本上，当用户单击表格中的单元格时，我的对话框就会被调用。

    <td class="dialog">English</td>

然后链接到 Div

<div id="dialog" title="LessonSelected">

</div>

接下来是我的 JQuery:

$(function() {
    $( ".dialog" ).click(function(){        
        $('#dialog').html($(this).html()); 
        $('#dialog').dialog({
            resizable:false,
            buttons: {
                "Enrol": function()
                {
                    $(this).dialog('close');
                    choice(true);
                },
                "Cancel Enrol": function()
                {
                    $(this).dialog('close');
                    choice(false);
                }
            }
        });
    });
  });

但是，当我尝试在 div 中添加 img 标记时，图像出现在界面上而不是对话框中，当单击单元格时，单元格中的文本会自动出现在对话框中，这不是我需要的虽然它只是自动出现并且是 JQuery 的新手，但我确实想获取该值我不知道如何格式化它或在它之前或之后添加更多文本。有谁能诊断出我的问题吗？

Answer 1

检查这个 Demo Fiddle : 使用 jQuery .append()

$(function() {
    $( ".dialog" ).click(function(){ 

        $('#dialog').append('<img src="https://www.google.co.in/logos/doodles/2014/world-cup-2014-1-6584893165273088-res.png"/><br/>').append($(this).html());

       //append image through JS

        $('#dialog').dialog({
            resizable:false,
            buttons: {
                "Enrol": function()
                {
                    $(this).dialog('close');
                    choice(true);
                },
                "Cancel Enrol": function()
                {
                    $(this).dialog('close');
                    choice(false);
                }
            }
        });
    });
  });

或

<div id="dialog" title="LessonSelected">
    <span><img src="https://www.google.co.in/logos/doodles/2014/world-cup-2014-1-6584893165273088-res.png"/></span>
</div>