0

IE で jquery nth-child の問題があり、セレクターに割り当てられた変数を取得できないようです。ハードコードすると、これでうまくいきます。変数は、変数で指定されたものではなく、各要素を選択しているように見えます。

Chrome、Firefox、およびそこにあるすべてのものでテストしました。これがIEで機能しない理由を知りたいです。何か案は？

jquery:

$(document).ready(function() {

    var pageNum = 1;

    $('form fieldset').css('display','none');    //hiding all fieldsets
    $('form fieldset:nth-child(' + pageNum + ')').fadeIn('800');   //fading in only the desired fieldset

});

マークアップ:

<form id="EmailSignatureGenerator">
        <fieldset>
            <h3>Personal Details</h3>
            <div><label>First Name:<input id="txtFname" name="txtFname" /></label></div>
            <div><label>Middle Name or Initial: <input id="txtMname" name="txtMname" /></label></div>
            <div><label>Last Name:<input id="txtLname" name="txtLname" /></label></div>
        </fieldset>
        <fieldset>
            <h3>Another Fieldset</h3>
            <div><label>First Name:<input id="txtFname" name="txtFname" /></label></div>
            <div><label>Middle Name or Initial: <input id="txtMname" name="txtMname" /></label></div>
            <div><label>Last Name:<input id="txtLname" name="txtLname" /></label></div>
        </fieldset>
        <fieldset>
            <h3>Third Fieldset</h3>
            <div><label>First Name:<input id="txtFname" name="txtFname" /></label></div>
            <div><label>Middle Name or Initial: <input id="txtMname" name="txtMname" /></label></div>
            <div><label>Last Name:<input id="txtLname" name="txtLname" /></label></div>
        </fieldset>

</form>
4

1 に答える 1

1

この問題は jquery 1.8.3 に固有のもののようです。

1.9.1 にアップデートしたところ、問題はなくなりました。

于 2013-09-17T14:54:50.527 に答える