如何使用 jQuery UI 移除 jQuery 移动效果？答案

【问题标题】：how to remove jQuery mobile effect with jQuery UI?如何使用 jQuery UI 移除 jQuery 移动效果？
【发布时间】：2014-04-03 02:31:39
【问题描述】：

我正在使用 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效果吗？

【问题讨论】：

具体是什么css效果？
我猜所有的 JQM 样式都应用于菜单。
是的..我需要删除菜单中所有样式的 jqm
请检查我的小提琴，你可以分析添加两者时会发生什么
如果包含 JQM 对您来说真的很重要，您可以下载 JMQ CSS 并根据需要进行编辑，或者您可以下载 JQM CSS Structure 并包含此文件。也许这可以解决您的问题。

标签： javascript jquery css jquery-ui jquery-mobile

【解决方案1】：

我已经完成了你创建的小提琴如果可能的话，您可以使用 jQuery Mobile 1.2.0 而不是有冲突的 jQuery Mobile 1.3.0b1

【讨论】：