如何使用jQuery UI移除jQuery Mobile效果？

Question

我正在使用jQuery UI的子菜单/菜单选项，但是我也在我的项目中包含了jQuery mobile。

实际上，当我只包含jQuery UI时，它看起来很好，就像我想要的一样。（参见fiddle）

但是当我加入jQuery mobile时，它会移除效果，看起来很尴尬。（参见fiddle）

<ul id="menu">
  <li class="ui-state-disabled"><a href="#">Aberdeen</a></li>
  <li><a href="#">Ada</a></li>
  <li><a href="#">Adamsville</a></li>
  <li><a href="#">Addyston</a></li>
  <li>
    <a href="#">Delphi</a>
    <ul>
      <li class="ui-state-disabled"><a href="#">Ada</a></li>
      <li><a href="#">Saarland</a></li>
      <li><a href="#">Salzburg</a></li>
    </ul>
  </li>
  <li><a href="#">Saarland</a></li>
  <li>
    <a href="#">Salzburg</a>
    <ul>
      <li>
        <a href="#">Delphi</a>
        <ul>
          <li><a href="#">Ada</a></li>
          <li><a href="#">Saarland</a></li>
          <li><a href="#">Salzburg</a></li>
        </ul>
      </li>
      <li>
        <a href="#">Delphi</a>
        <ul>
          <li><a href="#">Ada</a></li>
          <li><a href="#">Saarland</a></li>
          <li><a href="#">Salzburg</a></li>
        </ul>
      </li>
      <li><a href="#">Perch</a></li>
    </ul>
  </li>
  <li class="ui-state-disabled"><a href="#">Amesville</a></li>
</ul>

我们能否在jQuery Mobile菜单选项中去除CSS效果？

- user2648752

---

具体是哪种 CSS 效果？ - Daedalus

我猜菜单上应用了所有的JQM样式。 - Fabrício Matté

是的，我需要在菜单中删除所有jqm的样式。 - user2648752

请查看我的 Fiddle，您可以分析添加两者时发生了什么。 - user2648752

如果您非常需要包含JQM，您可以下载JMQ CSS并进行任意编辑，或者您可以下载JQM CSS结构并包含此文件。也许这可以解决您的问题。 - Jabel Márquez

Answer 1

我已经查看了你创建的示例，如果可能的话，请使用jQuery Mobile 1.2.0而不是发生冲突的jQuery Mobile 1.3.0b1。

- Kishore