javascript - 在 jquery mobile 中打开外部 HTML 片段作为弹出窗口

Question

好吧，我对 jquery 有点生疏，而且是 jquery Mobile 的新手，所以对我放轻松 ;)。好的，我正在使用 jquery mobile 创建一个移动网站，它有很多页面，所以我没有将所有页面放在一个大型多页面模板中，而是将它们放在单独的页面模板中。我有一个菜单按钮，当单击它时会出现一个带有 ListView 菜单的弹出窗口，这是有效的，但我必须将菜单放在每个页面模板中，但我宁愿将菜单保留在它自己的 html 文件中，甚至只是在某个地方jquery 移动页面结构之外的 dom，这样我就不必在每个页面模板中重复代码。

当菜单位于其自己的文件中时，如何将菜单加载到弹出窗口中？如果失败，我如何将 div 加载到不在 jquery 移动页面内的弹出窗口中？

我的按钮:

   <a href="#main-menu" data-rel="popup">Menu</a>

我的 ListView 菜单 html:

 <div data-role="popup" id="main-menu">
        <ul data-role="listview" data-divider-theme="b" data-inset="true">
            <li data-role="list-divider" role="heading">
                Menu
            </li>
            <li data-theme="c">
                <a href="#how-it-works" data-transition="slide">
                    How it Works
                </a>
            </li>
            <li data-theme="c">
                <a href="http://www.backuptoweb.co.uk/buy-now/levels.html" data-transition="slide">
                    Order Now
                </a>
            </li>
            <li data-theme="c">
                <a href="#faq" data-transition="slide">
                    FAQ
                </a>
            </li>
            <li data-theme="c">
                <a href="#help" data-transition="slide">
                    Help
                </a>
            </li>
            <li data-theme="c">
                <a href="http://www.backuptoweb.co.uk/support.html" data-transition="slide">
                    Support
                </a>
            </li>
            <li data-theme="c">
                <a href="http://www.backuptoweb.co.uk/" data-transition="slide">
                   Main Website
                </a>
            </li>
        </ul>
 </div>     

Answer 1

一般来说，这里是如何将 html 从外部文件加载到 div 中，除此之外，我不太确定你到底想做什么:

$('#myDiv').load('somepath/somefile.html');