0

JQuery mobileのラジオボタンのラベル内にテキストボックスを配置したいのですが、テキストボックスの親divを2pxの高さに設定しているようです。

<fieldset data-role="controlgroup">
    <input type="radio" name="radio-choice" id="radio-choice-1" value="yes" checked="checked" />
    <label for="radio-choice-1">
        Yes <input type="password" placeholder="Password"/>
    </label>
    <input type="radio" name="radio-choice" id="radio-choice-2" value="choice-2"  />

    <label for="radio-choice-2" >No</label>
</fieldset>

うまくいけば、あなたは私がそれから達成しようとしていることを見ることができます。おそらく、cssの回避策を追加するよりも、これを行うためのより良い方法があります。問題の例をhttp://jsfiddle.net/yDhP3/に追加しました

4

1 に答える 1

0

これがあなたのニーズを満たすかどうか見てください!!!

http://jsfiddle.net/pramodsankar007/55jZM/

<div id="yourCredentials" data-role="page" class="ui-page ui-body-c ui-page-active">
    <div data-role="header" data-theme="b">
         <h1>Login/Register</h1>

    </div>
    <div data-role="content">
         <h3>Your credentials</h3>

        <input type="text" id="email" value="" data-mini="true" placeholder="Email address" class="">
         <h3>Are you a returning user?</h3>

        <fieldset data-role="controlgroup">
            <input type="radio" name="radio-choice" id="radio-choice-1" value="yes" checked="checked" />
            <label for="radio-choice-1">Yes
                <input type="password" placeholder="Password" class="pwdInner" />
            </label>
            <input type="radio" name="radio-choice" id="radio-choice-2" value="choice-2" />
            <label for="radio-choice-2">No</label>
        </fieldset>
        <button>Login/Register</button>
    </div>
</div>


$('#radio-choice-1').click(function()
                           {
                               $('input.pwdInner').show();
                           });
$('#radio-choice-2').click(function()
                           {
                               $('input.pwdInner').hide();
                           });


input.pwdInner
{
    position:relative !important;

}
于 2013-03-25T03:45:47.103 に答える