使用jquery显示翻转切换开关的打开和关闭状态

时间:2013-04-23 06:12:03

标签: jquery jquery-mobile slider

我希望能够显示翻转切换开关的On和Off部分。适用于旧版jquery的演示代码是:

               <div data-role="fieldcontain"> 
                <label for="slider">Flip switch:</label> 
                <select name="slider" id="my-slider" data-role="slider"> 
                <option value="off">Browse</option> 
                <option value="on">Post</option> 
                </select> 
               </div> 

呈现为: enter image description here

但在我使用jquery-1.9.1.min.js和jquery.mobile-1.3.1.min.js的代码中,相同的代码呈现为enter image description here

我怎样才能继续使用相同的.js文件但是让开关看起来像上一张图​​片? 我可以更改我正在使用的.js文件的版本,但这会弄乱页面上的其他元素。

0 个答案:

没有答案