Почему jQuery игнорирует содержимое моего div?

Question

У меня есть простой переключатель для div, прикрепленного к чекбоксу.

$('#step2').hide();

$('#toggle-check').click(function(){

$('#step2').fadeToggle();

})

Почему не .hide ();выбрать мое содержание # step2?В настоящее время это список данных таблицы, и он не скрывает его.Я рано закончу свой div, и он будет работать.

<tr>
<th></th>
<td></td>
</tr> 

В настоящее время он добавляет мой div # step2 над всеми данными моей таблицы, так что я чувствую, что это может быть проблемой стилей CSS?

Answer 1

Если вы оберните свой div # step2 вокруг строки таблицы, он не будет работать, потому что это неправильная разметка. Вы должны обернуть его вокруг всего стола. Если вы хотите сохранить части таблицы, вы должны структурировать ее по-другому.

Answer 2

в соответствии с вашими вопросами, я не могу сказать много.

а также вы пропустили точку с запятой здесь

$('#toggle-check').click(function(){

$('#step2').fadeToggle();

})

попробуйте заключить код в $(document).ready(function(){}); и добавить точку с запятой

$(document).ready(function(){

$('#step2').hide();

$('#toggle-check').click(function(){

$('#step2').fadeToggle();

});

});

Answer 3

Это может быть потому, что ваш код не выполняется, когда документ готов. Это означает, что он может выполняться, если ваша страница очень короткая, но не, если вся таблица еще не проанализирована.

Попробуйте это:

$(document).ready(
{
    $('#step2').hide();

    $('#toggle-check').click(function()
    {
        $('#step2').fadeToggle();
    })
});