从JavaScript为jQueryMobile滑块设置max属性
我有一个滑块从JavaScript为jQueryMobile滑块设置max属性,javascript,jquery-mobile,attributes,slider,Javascript,Jquery Mobile,Attributes,Slider,我有一个滑块 <div class="slider-container" id="game-mode-slider-container"> <label for="game-mode">Game mode</label> <span id="game_mode_indicator" class="slider-indicator">Private</span>
<div class="slider-container" id="game-mode-slider-container">
<label for="game-mode">Game mode</label>
<span id="game_mode_indicator" class="slider-indicator">Private</span>
<input type="range" name="points" id="game-mode" min="0" value="0">
</div>
所以我要做的是使用class和id创建一个选择器。这不管用。如果我只是使用这个类,它确实可以工作,但是我不能为不同的滑块使用不同的值,因为它们都有相同的类,但ID不同。我使用Chrome中的Inspect元素获得了这个类名
<input type="number" data-type="range" name="points" id="game-mode" min="0" value="0" class="ui-shadow-inset ui-body-inherit ui-corner-all ui-slider-input">
有人能帮我吗。试试这个:
$('#game-mode').attr('max', '7').slider("refresh");
使用jQuery,将prop(“max”)设置为新值,然后刷新jQM滑块小部件:
$("#game-mode").prop("max", selection).slider("refresh");
这里有一个
(单击单选按钮以更改滑块的最大值。)由于某些原因不起作用:S This worked$(“#game mode.ui shadow inset.ui body inherit.ui corner all.ui slider input”).attr('max',gameModeValues.length-1)$(“#游戏模式.ui阴影插入.ui主体继承.ui角点全部.ui滑块输入”).slider('refresh');很抱歉我发布了这个问题,但是如果你编辑一下你的问题,我可以标记它。$(“#游戏模式”).prop(“最大”,选择)。slider(“刷新”);作品查看此演示:(单击单选按钮以更改滑块的最大值。这是正确答案,请添加它以便我可以标记它。非常感谢。好的,我已添加它作为答案。
$("#game-mode").prop("max", selection).slider("refresh");