我正在构建一个jQuery移动网站,但也需要使用jQuery UI小部件 – 特别是滑块.
问题是这些功能发生冲突.我真的希望jQm用他们的’移动’前缀写了他们的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
并尝试过代码,但无法使其在我的功能中工作.
有任何想法吗?
解决方法
这对我有用.如果其他人有同样的问题.我必须在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>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。