Question

如何从网址弹出模式对话框中删除/隐藏菜单标题？

var iframe = $('<iframe frameborder="0" marginwidth="0" marginheight="0" allowfullscreen id="frameIdcustomer"></iframe>');
        var dialog = $("<div></div>").append(iframe).appendTo("body").dialog({
            autoOpen: false,
            modal: true,
            resizable: false,
            width: "auto",
            height: "auto",               
            close: function () {
                iframe.attr("src", "");
            }
        });
        $("#btn_newCustomer").on("click", function AddCust(e) {
            e.preventDefault();
            var src = "../MasterPages/CustomerMaster.aspx";
            var title = "Customer Master";
            var width = "980";
            var height = "530";
            iframe.attr({
                width: +width,
                height: +height,
                src: src
            });                
            dialog.dialog("option", "title", title).dialog("open");
            $("#frameIdcustomer").contents().find("#menuheaderr").hide();
        });

我尝试了$("menuheader").hide()，但它无效。

$("#frameIdcustomer").contents().find("#menuheaderr").hide();也无效。

Answer 1

试试这个：

var iframe = $('<iframe frameborder="0" marginwidth="0" marginheight="0" allowfullscreen id="frameIdcustomer" onload="hideMenu()"></iframe>');

    function hideMenu(){
    $("#frameIdcustomer").contents().find("#menuheaderr").hide();
    }

要查找元素，您需要等到iframe内容被加载。

Answer 2

当您调用该行以隐藏标题时，iFrame可能仍在加载。尝试将该行放在回调函数中。

var dialog = $("<div></div>").append(iframe).appendTo("body").dialog({
    autoOpen: false,
    ...
    complete: function() { $("#frameIdcustomer").contents().find("#menuheaderr").hide(); }
});

从url中加载jQuery iframe模式对话框中删除或隐藏菜单

2 个答案: