javascript - jsfiddle 与 JQuery Mobile 1.1.1 的效果如何

Question

我是这个编码世界的新手。实际上，过去两天我阅读的有关代码的内容比我自己愿意承认的还要多。不过，我很好奇 jsfiddle 网站与 JQuery Mobile 的效果如何。

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

这是一个链接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 框架和扩展中启动它时，它看起来不错且很有前途，但是在 JQuery Mobile 1.1.1 中，当我使用下拉菜单时，它会生成冗余文本。我的代码做错了什么？

谢谢

/image/9LcPQ.png

Answer 1

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