Question

我有一个弹出选择特定范围的对话框。现在这个对话框包含一个textarea（因此可编辑）。单击“保存”按钮时，我需要将textarea内容复制到对话框外的表格单元格中。这似乎没有发生。事实上，在保存功能中添加第二行代码时，对话框不会弹出！（在WordPress中使用它以防它有所作为）

jQuery(document).ready(function ($) {
    $("td > span").click(function () {
        var id = $(this).attr('id');
        var message = "message" + id;
        var content = jQuery("#" + message).text();
        var $dialog = $("<div></div>").html("<textarea style='width:99%; height:90%' class='popup-content'>" + content + "</textarea>").dialog({
            height: 400,
            width: 400,
            title: 'My Data',
            modal: true,
            autoOpen: false,
            dialogClass: 'wp-dialog',
            buttons: {
                "Save": function () {
                    var popup - content = $(".popup-content").val();
                }
            }
        });
        $dialog.dialog("open");
    });
});

Answer 1

保存按钮不再有效，因为var popup - content无效javascript。如果有能力，我首先建议在编辑器中添加一些JSLint或JSHint功能。

现在，要完成你想要完成的任务，它应该相当简单。我们会忽略一些潜在的地雷，并假设您已经识别出您的类别，但您的保存功能应该如下所示：

function() {
    $(".my-table-cell").html($(".popup-content").val());
}

如何从对话框中更改jQuery UI对话框外的内容？

1 个答案: