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 回答