iframe JQuery UI对话框页面中的触发按钮表单保存按钮

时间:2014-07-31 13:19:15

标签: jquery-ui

这是我用来初始化对话框的代码。我认为既然我没有按钮存在页面最初加载,我需要使用on或live事件来触发点击(就像在Update调用中一样),但这并没有奏效。我确认jQuery正在使用控制台调试器找到按钮,但我不知道如何触发按钮点击。

有什么建议吗?

$(function () {
    var iframe = $('<iframe id="pageFrame" frameborder="0" marginwidth="0" marginheight="0" allowfullscreen width="800" height="600"></iframe>');

    var dialog = $("<div></div>").append(iframe).appendTo("body").dialog({
        autoOpen: false,
        modal: true,
        resizable: false,
        width: 950,
        height: 600,
        close: function () {
            iframe.attr("src", "");
        },
        buttons: {
            "Save": function () {
                if ($("#pageFrame").contents().length > 0) {
                    if ($("#pageFrame").contents().find("#btnCreateContent").length > 0) {
                        $("#pageFrame").contents().find("#btnCreateContent").click()
                    }
                    else if ($fuze("#pageFrame").contents().find("#btnUpdateContent").length > 0) {
                        $("#pageFrame").contents().find("#btnUpdateContent").on("click", function () {
                            alert("update triggered");
                        });
                    }
                    else if ($("#pageFrame").contents().find("#btnCopyContent").length > 0) {
                        $("#pageFrame").contents().find("#btnCopyContent").click();
                    }
                }
            },
            Cancel: function () {
                if (confirm("Are you sure you want to exit?\n\nUnsaved changes will be lost.")) {
                    $(this).dialog("close");
                }
            }
        }
    });
});

1 个答案:

答案 0 :(得分:0)

原来是答案

$("#pageFrame").contents()[0].getElementById("btnUpdateContent").click();

希望这可以帮助其他人