4

我正在构建一个 jQuery 移动网站，但还需要使用 jQuery UI 小部件——尤其是滑块。

问题是这些功能冲突。我真的希望 jQm 用“mobile-”前缀编写他们的 ui 内容，但我认为现在可能为时已晚。

这是我遇到的问题。如果我在 jquery mobile jquery ui 滑块工作后加载 jquery ui - 很好但是我的自定义页面转换不起作用，毫无疑问 jQm 中的其他内容的负载被覆盖，我还不知道。

如果我以另一种方式执行 jQuery 移动自定义转换工作，但是 jquery ui 滑块不会，因为它们使用 jQm 滑块代替。

我不能使用 jQm 滑块，因为我需要 jQuery UI 滑块的垂直选项和其他功能。

我正在寻找的是某种不涉及我破解 jQuery UI 或 jQuery Mobile 的解决方案，因为如果可能的话，我不想在每次更新 jQm/jUI 时都进行这些更改。那么有没有一种方法可以加载jquery ui，以便我调用以'ui-'或jQuery mobile为前缀的函数，以便其冲突函数以'mobile'为前缀-也许在我的jqm自定义js中的移动初始化函数中？

我在这里找到了一些东西https://github.com/aFarkas/jMediaelement/issues/17 并尝试了代码，但无法使其在我的函数中工作。

有任何想法吗？

4

2 回答 2

7

这对我有用。如果其他人有同样的问题。我必须在 jquery ui 之后和 jquery mobile 之前添加下一行

$.fn.uislider = $.fn.slider;

代码示例将是：

<script type="text/javascript"  src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script>  
    // rename to avoid conflict with jquery mobile
    $.fn.uislider = $.fn.slider;
  </script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script> 
<script>
  $(function() {
    $( "#slider" ).uislider();
  });
  </script>
于 2013-11-18T08:26:24.263 回答
-1

这是一种解决方法，而不是完全修复。我使用了 JQM 下载生成器，除了滑块之外，所有选项都被选中，因为我使用的是 jQ-ui 滑块。问题解决了，除了我现在不能使用 JQM 滑块。不是我需要。

于 2013-01-01T13:24:07.907 回答