问jquery移动版，只使用控件？

EN

来自the jQuery Mobile Alpha 2 release notes

全局配置

Ajax Mobile现在有许多方法可以对框架的许多方面进行override the initial configuration (例如禁用Ajax样式的链接或表单)。这可以让您将jQuery移动应用于更加专业且不适合框架的完整设计方法的情况下(例如，使您能够仅使用几个小部件，而不是整个框架)。

因此，您可以通过禁用不需要的部分来使用jQuery移动端。例如，要禁用ajaxical导航和表单：

$(document).live("mobileinit", function() {
    $.mobile.ajaxLinksEnabled = false;
    $.mobile.ajaxFormsEnabled = false;
});

N.B.，正如链接的文档页面所说，在加载jQuery移动设备之前，您需要执行您的自定义JavaScript (如上面的代码片段)，因此导入您的脚本如下所示：

<script src="jquery.js"></script>
<script src="custom-scripting.js"></script>
<script src="jquery-mobile.js"></script>

我也想这么做。但是，我希望向已经使用jQuery UI的页面添加控件，因此需要执行一些额外的步骤。

1. 还必须禁用ajax处理，才能让我的常规(非jqm)按钮提交/正常工作

$(document).live("mobileinit"，function() { $.extend($.mobile，{ autoInitializePage: false，linkBindingEnabled: false，ajaxEnabled: false })；});

• JQM和jQuery UI都有一个名为'button‘的小部件，所以一个会覆盖另一个，所以我将JQM小部件的名称改为mbutton，以防止冲突

$.widget("mobile.mbutton"，$.mobile.widget，{

• 在JQM的初始化代码中，停止在呈现期间隐藏内容，因为我们设置了autoInitializePage = false，所以我们希望避免显示页面的5秒超时

if ($.mobile.autoInitializePage) { //添加移动，初始加载“呈现”类到移动渲染(“ui- mobile ui- docEl -$html.addClass”)；//这是一个后备。如果出现任何错误(JS错误等)，或者事件没有触发，//这将确保在5秒后移除呈现类，因此内容是可见的，并且可以访问移动(hideRenderingClass，5000)；}

• JQM和JQUI都有冲突的ui图标css，所以我在JQM css中的两个位置添加了一个额外的‘.ui-

• ’选择器：

移动图标----------------------------------------------------*/ .ui- /* .ui-图标，.ui-Mobile.ui- /* -搜索字段:在{ ... mobile图标颜色图标.ui- ----------------------------------------------------*/ .ui-/*- Alt {

• 只需像初始化任何jQuery UI控件一样初始化控件即可：

$(".my-slider").slider();

免责声明:到目前为止，我只使用了滑块作为切换开关，所以可能会有更多的css和js需要修补，我需要做一些自定义的css调整来重新定位滑块在其轨道中的位置。

HTH任何其他希望做同样的事情的人。

Jquery Mobile添加了一个构建器，您可以在其中挑选和选择要包含的组件：

http://jquerymobile.com/download-builder/