我想设置一个时间范围(例如从上午9点到下午3点).到目前为止,我只能设置默认时间.

$('#time').trigger('dateBox',{"method":"set","value":"06:00 PM"});

对不起,它不受支持.看起来几天和几年是唯一支持最小和最大的东西.如果你分叉他的回购,这可能不会很难添加到代码中.

您可以通过查看github https://github.com/jtsage/jquery-mobile-datebox/blob/master/js/jquery.mobile.datebox.js上的源来查看记录和未记录的所有选项

options: {
    // All widget options,including some internal runtime details
    version: '1.0.1-2012022700',// jQMMajor.jQMMinor.DBoxMinor-YrMoDaySerial
    theme: false,defaultTheme: 'c',pickPageTheme: 'b',pickPageInputTheme: 'e',pickPageButtonTheme: 'a',pickPageHighButtonTheme: 'e',pickPageOHighButtonTheme: 'e',pickPageOAHighButtonTheme: 'e',pickPageODHighButtonTheme: 'e',pickPagetodayButtonTheme: 'e',pickPageSlideButtonTheme: 'd',pickPageFlipButtonTheme: 'b',forceInheritTheme: false,centerWindow: false,calHighToday: true,calHighPicked: true,transition: 'pop',noAnimation: false,disableManualInput: false,disabled: false,wheelExists: false,swipeEnabled: true,zindex: '500',debug: false,clickEvent: 'vclick',numberInputEnhance: true,internalInputType: 'text',resizeListener: true,titleDialogLabel: false,meridiemLetters: ['AM','PM'],timeOutputOverride: false,timeFormats: { '12': '%l:%M %p','24': '%k:%M' },durationFormat: 'DD ddd,hh:ii:ss',timeOutput: false,rolloverMode: { 'm': true,'d': true,'h': true,'i': true,'s': true },mode: 'dateBox',calShowDays: true,calShowOnlyMonth: false,useDialogForceTrue: false,useDialogForceFalse: true,fullScreen: false,fullScreenAlways: false,useDialog: false,useModal: false,useInline: false,useInlineBlind: false,useClearButton: false,collapseButtons: false,noButtonFocusMode: false,focusMode: false,noButton: false,noSetButton: false,openCallback: false,openCallbackArgs: [],closeCallback: false,closeCallbackArgs: [],open: false,nestedBox: false,lastDuration: false,fieldsOrder: false,fieldsOrderOverride: false,durationorder: ['d','h','i','s'],defaultDateFormat: '%Y-%m-%d',dateFormat: false,timeFormatOverride: false,headerFormat: false,dateOutput: false,minuteStep: 1,calTodayButton: false,calWeekMode: false,calWeekModeFirstDay: 1,calWeekModeHighlight: true,calStartDay: false,defaultPickerValue: false,defaultDate : false,//this is deprecated and will be removed in the future versions (ok,may be not)
    minYear: false,maxYear: false,afterToday: false,beforetoday: false,maxDays: false,minDays: false,highDays: false,highDates: false,highDatesAlt: false,blackDays: false,blackDates: false,enableDates: false,fixDateArrays: false,durationSteppers: {'d': 1,'h': 1,'i': 1,'s': 1},useLang: 'en',lang: {
        'en' : {
            setDateButtonLabel: 'Set Date',setTimeButtonLabel: 'Set Time',setDurationButtonLabel: 'Set Duration',calTodayButtonLabel: 'Jump to Today',titleDateDialogLabel: 'Set Date',titleTimeDialogLabel: 'Set Time',daysOfWeek: ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'],daysOfWeekShort: ['Su','Mo','Tu','We','Th','Fr','Sa'],monthsOfYear: ['January','February','march','April','May','June','July','August','September','October','November','December'],monthsOfYearShort: ['Jan','Feb','Mar','Apr','Jun','Jul','Aug','Sep','Oct','Nov','Dec'],durationLabel: ['Days','Hours','Minutes','Seconds'],durationDays: ['Day','Days'],timeFormat: 24,headerFormat: '%A,%B %-d,%Y',tooltip: 'Open Date Picker',nextMonth: 'Next Month',prevMonth: 'PrevIoUs Month',dateFieldOrder: ['m','d','y'],timeFieldOrder: ['h','a'],slideFieldOrder: ['y','m','d'],dateFormat: '%Y-%m-%d',usearabicIndic: false,isRTL: false,calStartDay: 0,clearButton: 'Clear'
        }
    }
}

jQuery Mobile 1.4已经改变

<div data-role="content">...</div>

成

<div role="main">...</div>

我理解现在使用类而不是数据角色的目的,但我不明白的是这个角色=“主”.它是干什么用的？

角色属性是HTML5的原生属性,旨在支持WAI-ARIA.
见 http://www.w3.org/TR/html5/dom.html#wai-aria和 http://www.w3.org/TR/wai-aria/roles#role_definitions

早期版本中的jQuery Mobile简单地将具有属性data-role =“content”的元素转换为主元素< div role =“main”> (相当于< main>)并添加了CSS.所以你得到< div role =“main”class =“ui-content”> .

对于data-role =“content”的元素,没有其他处理或添加标记.通过弃用data-role =“content”属性并使用直接使用正确的HTML5(CSS和WAI-ARIA角色),jQuery Mobile将不得不为每个页面执行更少的处理.

运行jQuery Mobile(1.0.1)的最新版本,不想使用 AJAX进行页面导航.

我添加了以下代码,根据jQuery Mobile网站应该停止使用AJAX：

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

但它仍然使用AJAX并将哈希(#)添加到URL.

如何禁用AJAX的使用？

只是一个猜测,但是你在jQuery Mobile加载之前是否绑定到mobileinit？

如documentation所述,您需要按照以下顺序加载JavaScript文件：

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

我知道您可以创建自定义颜色样本以与jQuery mobile一起使用.但是,我不是设计师,并希望找到一些额外的下载.我在google上搜索过高低,有没有人有链接到我可以下载一些人发布的内容？如果有必要,我不介意为他们付钱.

更新：

> http://jquerymobile.com/blog/2011/10/28/announcing-themeroller-for-mobile-beta/

jQM团队计划发布主题滚动：

> https://github.com/jquery/jquery-mobile/wiki/Mobile-ThemeRoller

但这里还有其他一些想法：

> http://www.mobjectify.com/
> http://jquerymobile.com/test/themes/valencia/(via：How to create a jQuery Mobile theme)
> http://www.jqmgallery.com/(看看别人做了什么)

除此之外,您需要创建自己的自定义主题

这是我的理解

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).bind('mobileinit',function () {
    $.mobile.ajaxEnabled = false;
    $.mobile.hashListeningEnabled = false;
});
</script>
<script type="text/javascript" src="//code.jquery.com/mobile/1.0rc2/jquery.mobile-1.0rc2.min.js"></script>

然后有些像html一样

<div data-role="content">
    <span id="lat"></span>
    <span id="long"></span>
    <ul data-role="listview" data-inset="true">
        <li>
            <a href="/#Nowhere">Check out item one</a>
        </li>
    </ul>
</div>

<div data-role="page" id="Nowhere"></div>

不应导致任何导航发生.不过确实如此.我真的想禁用哈希监听,以便我自己处理这些事件.

我错过了什么吗？或者这是一个错误？

$.mobile.ajaxEnabled = false;应该工作,我会调查..

否则只需删除href并使用$.mobile.changePage手动完成所有操作

编辑

我做了一些测试,看来你必须切换到RC3,因为这个新选项：

新的linkBindingEnabled选项

即使禁用了AJAX导航功能,我们也可以自动绑定文档中锚点标记的点击次数,以便我们处理交互状态和其他功能.对于寻找在所有链接上说“手动”的简单方法的人来说,将新的linkBindingEnabled全局配置选项设置为false将阻止所有锚点击处理,包括添加活动按钮状态和备用链接模糊.这只应在尝试将点击管理委托给另一个库或自定义代码时使用.

$(document).bind('mobileinit',function () {

      $.mobile.hashListeningEnabled = false;
      $.mobile.linkBindingEnabled = false;

  });

这适合我！