Question

起初我正在使用JQuery Mobile。我已经调查了在div中加载HTML但我遇到了一些问题。

主要思想是我有3个不同的菜单（列表），每个菜单都存储在服务器生成的HTML文件中。 /Menu1.html,/Menu2.html,/Menu3.html。它必须是这种方式，因为菜单可以动态改变。

所以，菜单看起来像这样：

<ul>
  <il><a href="whatever1> Option1 </a></li>
    <ul>
      <il><a href="whatever1> Option1.1 </a></li>
    </ul>
  <il><a href="whatever2> Option2 </a></li>
</ul>

我这样做：

    <div id="menuview">

    </div>

    <script type="text/javascript">
        $("#menuview").load("data/menu1.html");
    </script>

它正在加载列表，对，但没有CSS。所以我看到的只是列表，而不是像这里的演示一样的JQM链表视图：http://demos.jquerymobile.com/1.4.0/listview/

如果我手动复制div中的menu1.html它可以很好地工作。我不只是要求解决方案，也许有更好的方法来做到这一点，我不知道。

提前致谢！

Answer 1

动态添加任何项目时，您需要手动初始化它们。

在每个菜单中，添加初始化功能。

<ul>
 <!-- elements -->
 <script>
  $(function () {
    $("ul").listview();
  });
 </script>
</ul>

请注意，嵌套列表视图已从jQM 1.4中删除。

要创建嵌套列表视图，请检查this official demo。

在.ready </div>之前在<div>中加载HTML

1 个答案: