Question

我想使用jQuery Mobile中的小部件 - 按钮，下拉列表等

我已经有一个不使用jQuery mobile开发的网站，它有自己的菜单和链接 - 当我尝试添加jQuery移动框架时，它会导致各种问题（覆盖CSS，尝试劫持页面转换等。）

是否可以禁用框架的某些功能？

这与问题Removing unused jQuery Mobile elements?有关 - 但它涉及最小化脚本大小。我只想禁用某些功能，因此它不会干扰我的应用程序的其余部分。

更新：使用jQuery Mobile“按原样”引起的部分问题源于它将尝试通过ajax加载所有链接的事实。可以通过向链接添加

rel="external"

来缓解此问题，因此jQM不会尝试通过ajax加载它。

Answer 1

即将推出JQM的建设者。截至2012年5月4日，它仍处于测试阶段。挂在那里，该功能现在可以随时使用。我会尝试在发布时更新这个答案。

更新此处是指向JQM构建器的链接http://jquerymobile.com/download-builder/

Answer 2

将data-role =“none”属性添加到任何表单或按钮元素会告诉框架不应用任何增强的样式或脚本

Answer 3

使用仅需要的组件构建包是您应该做的第一步，但有时这是不够的。

我们最近发现了一段代码，用于停止在一个页面上加载jQuery Mobile窗格。如果您想在没有框架本身的情况下单独使用jQuery Mobile组件，这非常有用。换句话说，您仍然希望具有正常的页面行为（即通过单击链接重新加载页面）并使用一些jQuery Mobile组件。

这个代码为我们的Symfony 2项目提供了一个技巧：

(function($) {
  $(document).bind('mobileinit',function() {
    $.mobile.ajaxEnabled = false;
  });
})(jQuery);