我要加载外部网页的模态窗口。默认情况下，我已经加在模态窗口中的一些文字，但我想删除它说文本＆LT; P＆GT;招呼乡亲们，大家晚上好＆LT; / P＆gt;中而是调用外部页面到模态窗口，其中包含了不同的消息

  VAR openModal =功能（）{
        //关闭按钮
        VAR closeBtn = $（'＆LT; A HREF =＃的数据相对=后面的类=UI-BTN-右UI-BTN UI-BTN-B UI的角落的所有UI-BTN-图标NOTEXT UI -icon-删除UI阴影＆GT;关闭＆LT; / A＆GT;'）;

        //你的文字从阿贾克斯得到
        VAR内容=＆LT; P＆GT;招呼伙计们，大家晚上好＆LT; / P＆gt;中;

        //弹出机构 - 设置宽度为可选 - 附加按钮和Ajax味精
        VAR弹出= $（＆LT; D​​IV /＆gt;中，{
            数据角色：弹出
        }）。的CSS（{
            宽度：$（窗口）.WIDTH（）/ 0 +PX，
            边距：5 +PX
        }）追加（closeBtn）.append（内容）;

        //追加到活动页面
        $ .mobile.pageContainer.append（弹出式）;

        //创建并添加监听器，删除它，一旦它关闭
        // 打开它
        $（[数据角色=弹出]）。弹出（{
            可取消：假的，
            历史：假的，
            主题：B，
            / *或* /
            位置，以便：窗口
            overlayTheme：b的，
            / *b被推荐用于覆盖* /
            过渡：啪，
            beforeposition：函数（）{
                $ .mobile.pageContainer.pagecontainer（getActivePage）
                    .addClass（模糊过滤）;
            }，
            afterclose：函数（）{
                $（本）上卸下摆臂（）;
                $（模糊过滤器）removeClass移除（模糊过滤器）。
            }，
            afteropen：函数（）{
                /* 做一点事 */
            }
        }）弹出（打开）;
};
 

解决方案

如果您正试图从外部网站加载一个网页我会想象这将是简单，只要装在一个 IFRAME 并通过URL来要加载的网站在您的JQuery只是改变这一行：

  VAR含量=＆LT; P＆GT;招呼伙计们，大家晚上好＆LT; / P＆gt;中;
 

到

  VAR含量=＆LT; IFRAME SRC =HTTP：//google.comWIDTH =200高度='200'＆GT;＆LT; / IFRAME＆gt;中;
 

根据需要更改属性。希望有所帮助。

I want to load an external page in a modal window. by default i've already added some text in the modal window, but i want to delete the text which says "<p> hello folks, good evening</p>" and instead call an external page into the modal window which contains a different message

var openModal = function () {
        // close button
        var closeBtn = $('<a href="#" data-rel="back" class="ui-btn-right ui-btn ui-btn-b ui-corner-all ui-btn-icon-notext ui-icon-delete ui-shadow">Close</a>');

        // text you get from Ajax
        var content = "<p> hello folks, good evening</p>";

        // Popup body - set width is optional - append button and Ajax msg
        var popup = $("<div/>", {
            "data-role": "popup"
        }).css({
            width: $(window).width() / 0 + "px",
            padding: 5 + "px"
        }).append(closeBtn).append(content);

        // Append it to active page
        $.mobile.pageContainer.append(popup);

        // Create it and add listener to delete it once it's closed
        // open it
        $("[data-role=popup]").popup({
            dismissible: false,
            history: false,
            theme: "b",
            /* or a */
            positionTo: "window",
            overlayTheme: "b",
            /* "b" is recommended for overlay */
            transition: "pop",
            beforeposition: function () {
                $.mobile.pageContainer.pagecontainer("getActivePage")
                    .addClass("blur-filter");
            },
            afterclose: function () {
                $(this).remove();
                $(".blur-filter").removeClass("blur-filter");
            },
            afteropen: function () {
                /* do something */
            }
        }).popup("open");
};

If you are trying to load a page from an external website I would imagine it would be as simple as loading in an iframe and passing the URL to the site you want to load in. In your JQuery just change this line:

var content = "<p> hello folks, good evening</p>";

to

var content = "<iframe src='http://google.com' width='200' height='200'></iframe>";

Change the properties as needed. Hope that helps.