删除jQuery Mobile中滑块控件中的Text Box

Question

我正在使用这个JQM链接

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.js"> </script>

我在分区中使用了滑块.在旧版本中,我使用了属性class ="ui-hidden-accessible",因为没有在滑块旁边显示文本框,但在此版本中它不起作用.我该如何删除此文本框.我的代码

    <label for="slider" class="ui-hidden-accessible">
                        Input slider:</label>
                    <input type="range" name="slider" id="slidstep" step="25"   value="0" min="1" max="100"/>

我应该使用其他版本吗？或以任何方式克服这个问题.

谢谢

Answer 1

<style type=text/css>
    input.ui-slider-input {
        display : none !important;
    }
</style>

http://the-jquerymobile-tutorial.org/jquery-mobile-tutorial-CH19.php

也可以看看

在jquery中隐藏滑块输入框

Answer 2

class="ui-hidden-accessible"从中删除label.

你的方法是正确的.但你需要添加class="ui-hidden-accessible"到input不上label.

你的代码应该是这样的:

<label for="slider">Input slider:</label>
<input type="range" name="slider" id="slidstep" step="25"  
      value="0" min="1" max="100" class="ui-hidden-accessible"/>

检查这个演示