jquery - 脚本不适用于 jQuery Mobile 1.3

Question

这段代码可以按我的意愿工作，但是当我单击jsfiddle.net 上的 jQuery Mobile 1.3 复选框时，它看起来/行为不同。该怎么办？

<input type="radio" name="fotoorurl" id="Package_1" checked />
<input type="radio" name="fotoorurl" id="Package_2" />

<div class="package_extension1"> div 1 </div>  
<div class="package_extension2"> div 2 </div>  

$(".package_extension2").hide(); // namn på div

$("#Package_1").click(function(){ // package_1 är ID på checkbox
     $(".package_extension1").show(); // namn på div
     $(".package_extension2").hide(); // namn på div
});


$("#Package_2").click(function(){ // package_2 är ID på checkbox
     $(".package_extension2").show(); // namn på div
     $(".package_extension1").hide(); // namn på div
});

Answer 1

您应该使用jQuery Mobile 简介来熟悉它。

<div data-role="page">
<div id="content" data-role="content">
    <div data-role="fieldcontain">
        <fieldset data-role="controlgroup">
            <legend>Package:</legend>
            <input type="radio" name="radio-choice-1" id="radio-choice-1" value="p-1" checked="checked" />
            <label for="radio-choice-1">Package 1</label>

            <input type="radio" name="radio-choice-1" id="radio-choice-2" value="p-2" />
            <label for="radio-choice-2">Package 2</label>
        </fieldset>
        <div class="package_extension1"> div 1 </div>  
        <div class="package_extension2"> div 2 </div>  
    </div>
</div>

工作示例：http: //jsfiddle.net/2dJAN/239/

Answer 2

http://code.jquery.com/mobile/1.3.0-beta.1/jquery.mobile-1.3.0-beta.1.css
行号：2359

覆盖这些属性

.ui-checkbox input, .ui-radio input {
  height: 10px;
  left: 20px;
  margin: -5px 0 0;
  outline: 0 none !important;
  position: absolute;
  top: 50%;
  width: 10px;
  z-index: 1;

}