Javascript 在DIV中启用jQueryMobile的站点

好的，以下是我想要实现的目标：

• 我有一个非常基本的.html页面，基于jQuery Mobile
• 我有另一个“普通”网站，里面有一个矩形

  div

• 我想让我的jQuery移动网站出现在

  div

注意事项：

<div id="preview"> 
    <div id="iframe">
        <div data-role="page">
            <div data-role="header">
                <h1>Header</h1>
            </div>
            <div data-role="content">
                <a data-role="button" id="mybutt" href="#">
                    Click me
                </a>
                <a data-role="button" id="mybutt" href="#">
                    Click me
                </a>
                <a data-role="button" id="mybutt" href="#">
                    Click me
                </a>
                <a data-role="button" id="mybutt" href="#">
                    Click me
                </a>
                <a data-role="button" id="mybutt" href="#">
                    Click me
                </a>
                <a data-role="button" id="mybutt" href="#">
                    Click me
                </a>
            </div>
        </div>          
    </div>
</div>

• s是不可能的，除非你知道我如何才能使它与父网站一起工作，从而能够从localhost访问同一域的“子网站”
• 在我的

  div

  中复制粘贴jQuery手机的“核心”（不是outter标签，只是主页+必要的脚本）时，页面确实出现了，尽管实际上相当混乱

有什么想法吗

---

更新：以下是JSFIDLE：

---

而代码

HTML:

<div id="preview"> 
    <div id="iframe">
        <div data-role="page">
            <div data-role="header">
                <h1>Header</h1>
            </div>
            <div data-role="content">
                <a data-role="button" id="mybutt" href="#">
                    Click me
                </a>
                <a data-role="button" id="mybutt" href="#">
                    Click me
                </a>
                <a data-role="button" id="mybutt" href="#">
                    Click me
                </a>
                <a data-role="button" id="mybutt" href="#">
                    Click me
                </a>
                <a data-role="button" id="mybutt" href="#">
                    Click me
                </a>
                <a data-role="button" id="mybutt" href="#">
                    Click me
                </a>
            </div>
        </div>          
    </div>
</div>

为您添加一个

Id=“page”

data role=“page”

，并给出以下css

#page{
    position:relative;
}

---

你能提供一个JSFIDLE吗？@KawineshSK给你-请看一下更新！；-）@刚添加了poplane代码！嗯，是的。。。看起来很简单，就是这样！非常感谢，伙计！；-）