0

このコードは思い通りに動作しますが、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
});
4

2 に答える 2

0

jQuery Mobile Introductionを使用して、それに慣れる必要があります。

<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/

于 2013-10-29T09:11:42.040 に答える