2

我想使用这个升级的 jQuery Mobile 双范围滑块。
jQuery Mobile 双范围滑块工作但有问题

我需要将它与 twitter 引导程序一起使用。然而，jQuery Mobile 不能很好地配合 Twitter 引导程序，并且当 javaScript 文件放置在页面底部时（根据 yslow）正在杀死下拉菜单。这里有 3 个 jsbin 示例来说明问题：

添加 jQuery Mobile 后，twitter 引导菜单失败：http: //jsbin.com/ibecox/1

没有 jQuery Mobile .js 文件，twitter 引导菜单工作正常：http: //jsbin.com/ibecox/2

标题中包含所有 javaScript（不好的做法），菜单也可以工作，但我需要避免将所有 javaScript 放在标题中：http: //jsbin.com/ibecox/3

4

2 回答 2

0

我可以看到 twitter bootstrap js 的链接断开了，我已经修复了它，你的示例对我来说很好，下拉菜单和进度条

于 2012-11-07T00:53:03.423 回答
0

如果您想要做的只是让 jquerymobile 的Range Slider与 Bootstrap 一起工作，您可以使用自定义下载工具来下载（某种程度上）使 Range Slider 工作的切片。

不幸的是，你得到的是不完整的，最重要的是它不会自初始化，所以你需要手动完成：

$('div[data-role=rangeslider]').rangeslider();

而且您需要应用自己的一些样式来弥补自定义下载中遗漏的过多内容。但是你会在不破坏 Bootstrap 的情况下获得 Range Sliders。

当您使用所有 jquery mobile 时，Bootstrap 中断的原因更为复杂。Init 模块在你的代码中应用了大量的类，特别是 .ui-btn 到按钮。这是导致 Bootstrap 崩溃的主要原因——导航菜单使用了一个按钮标签，该标签应用了有问题的类，然后是来自 jquerymobile 的所有问题样式。

解决这个问题的更巧妙的方法是只使用没有 Init 模块的 jquerymobile，然后只初始化你需要的东西——希望它们的按钮不是其中之一。解决它的最佳方法是非常激烈：改进 jquerymobile，以便永远不会与 Bootstrap 发生冲突，或者，某种特殊的 noBSconflict() 方法或您可以运行的东西，以避免应用会破坏 Bootstrap 的类，但否则会正常进行.

于 2015-12-11T20:24:41.043 回答