JQuery Mobile 1.1.1 的 jsfiddle 效果如何

Question

我是这个编码世界的新手。事实上，我在过去 2 天里阅读了更多关于代码的内容，这比我愿意承认的要多。但是，我很想知道 JQuery Mobile 上的 jsfiddle 站点效果如何。

我已经启动了一个项目并且正在尽可能地调试。然而，最终目标是为我工作的公司制作一个简单的报价单应用程序，以便与 Phonegap 一起使用。

这是我正在使用的代码的 link http://jsfiddle.net/6Vxw5/57/。

$(document).ready(function(){
    $("#model").change(function(){
        $("div[id^='div']").hide();                
        var val = $(this).val();
        if(val == "1"){
           $("#div1").show();
        }
        if(val == "2"){
           $("#div3").show();
        }
    })
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<select id="model">
<option id="select" value="0">Please Select</option>
<option id="DXV35_III" value="1">Mendota DXV 35 DeepTimber Fire III Direct Vent Gas Fireplace</option>
<option id="DXV45_III" value="2">Mendota DXV 45 DeepTimber Fire III Direct Vent Gas Fireplace</option>
<option id="DXV35" value="3">Mendota DXV 35 Time Fire Direct Vent Gas Fire Place</option>
    <option id="DXV42" value="4">Mendota DXV 42 Direct Vent Gas Fireplace</option>
</select>

<div id="div1" style="display:none;"><ul class="checkbox-grid">
    <li><input type="checkbox" name="text1" value="value1" /><label for="text1">Text 1</label></li>
    <li><input type="checkbox" name="text2" value="value2" /><label for="text2">Text 2</label></li>
    <li><input type="checkbox" name="text3" value="value3" /><label for="text3">Text 3</label></li>
    <li><input type="checkbox" name="text4" value="value4" /><label for="text4">Text 4</label></li>
    <li><input type="checkbox" name="text5" value="value5" /><label for="text5">Text 5</label></li>
    <li><input type="checkbox" name="text6" value="value6" /><label for="text6">Text 6</label></li>
    <li><input type="checkbox" name="text7" value="value7" /><label for="text7">Text 7</label></li>
    <li><input type="checkbox" name="text8" value="value8" /><label for="text8">Text 8</label></li>
   </ul></div>

当我在 JQuery 1.7.2 Framework & Extensions 中启动它时，它看起来不错且很有前途，但是在 JQuery Mobile 1.1.1 中，当我使用下拉菜单时它会生成冗余文本。我的代码哪里做错了？

谢谢

http://i.stack.imgur.com/9LcPQ.png

Answer 1

我在 JSfiddle 上更改了一些设置，因为我正在使用已弃用的项目进行编码

JQuery Mobile 1.1.1 的 jsfiddle 效果如何

How Effective is jsfiddle with JQuery Mobile 1.1.1

html

javascript

jquery

drop-down-menu