Question

我目前有一个调用对话框的页面。

在我的代码中，我包含以下内容：

<link rel="stylesheet" href="./croppie/croppie.css" />
<script src="./croppie/croppie.js"></script>

使用下面的代码调用对话框，但是包含js文件无法正确呈现：

$('#upload_img_btn').on('click', function() {
    var data = "<input id=filename1 name='__files[]' type='file' single /> <div class = 'profile-image' style='width: 130px; margin-left: 300px; margin-top:200px; width:200px; height: 200px; display:block;'><img class='crop-image' src='./train4.jpg'></div>";
    $('#upload_image').dialog('option', 'title', 'Upload Image');
    $('#upload_image').html(data).dialog('open');
    $('input');
});

如果我将对话框的html（参见上面的var data statement）移动到文件中的主html区域，它会正确显示（尽管不是一个不需要的对话框）。很明显，对话框所需的js脚本无法正常呈现。如何使js脚本可用于对话框？

Answer 1

发现了我自己的问题的答案。事实证明，jquery从html中删除脚本标签返回到对话框，除非明确告知不要。

修改声明：

$('#upload_image').html(data).dialog('open');

要：

$('#upload_image').html(data).dialog('open', document, true);

解决了这个问题。

无法在对话框中获取脚本工作

1 个答案: