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

使用jquery显示翻转开关的打开和关闭状态,jquery,jquery-mobile,slider,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">

我希望能够同时显示翻转开关的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> 
其呈现为:

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

如何继续使用相同的.js文件,但使切换看起来像上一幅图像? 我可以更改正在使用的.js文件的版本,但这会弄乱页面上的其他元素