Jquery toggle (), свойство display

Question

Jquery toggle (), свойство display

0

У меня есть мой код в скрипке выше, после переключения, я пытаюсь увидеть свойство display и удалить класс css, но он всегда показывает "block" с моим предупреждением, но в конечном итоге класс css изменяется на "none", почему отставание здесь? Есть идеи?

alert($('div#main').css('display'));

user3610392 13 май 2014, в 00:21

Источник

0

В вашей скрипке вы найдете <p> elements $( "p" ).toggle( ); но затем вы запрашиваете свойство display содержащего <div> которое вы не меняете.
lemieuxster 12 май 2014, в 22:23
0

обновил мой div.
user3610392 12 май 2014, в 22:33
0

Поскольку вы используете slideToggle который анимирует показ / скрытие, анимация происходит «асинхронно», и поэтому состояние фактически не меняется сразу, даже если продолжительность равна 0. slideToggle действительно принимает обратный вызов https: //api.jquery. com / slideToggle /, и поэтому вы можете поместить код, который следует за переключателем внутри обратного вызова. http://jsfiddle.net/nP9SP/6/
lemieuxster 12 май 2014, в 22:39
0

@lemieuxster: да, вы правы, у переключателя нет этой проблемы, но есть у slideToggle. Спасибо за объяснение.
user3610392 12 май 2014, в 22:56

Показать ещё 2 комментария

Теги:

jquery

slidetoggle

3 ответа

Ещё вопросы

В вашей скрипке вы найдете <p> elements $( "p" ).toggle( ); но затем вы запрашиваете свойство display содержащего <div> которое вы не меняете.
Поскольку вы используете slideToggle который анимирует показ / скрытие, анимация происходит «асинхронно», и поэтому состояние фактически не меняется сразу, даже если продолжительность равна 0. slideToggle действительно принимает обратный вызов https: //api.jquery. com / slideToggle /, и поэтому вы можете поместить код, который следует за переключателем внутри обратного вызова. http://jsfiddle.net/nP9SP/6/
@lemieuxster: да, вы правы, у переключателя нет этой проблемы, но есть у slideToggle. Спасибо за объяснение.

Bhagyashree · Answer 1 · 2015-01-23T08-10-00.000Z

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

<body>
<button>Toggle 'em</button>
    <div id="main">
<p>Hiya</p>
<p>Such interesting text, eh?</p>
    </div>
    <span class="arr hid">0</span>
<script>
$( "button" ).live('click',function() {
$( "div#main" ).slideToggle( 'medium', function() {
    if ($('div#main').is(':visible'))
        {

            alert($('div#main').css('display'));
             $('span.arr').addClass("hid");
    }
    else{
           alert($('div#main').css('display')+" hello");
             $('span.arr').removeClass("hid"); 
        }
    });

});

Jai · Answer 2 · 2014-05-12T19-59-00.000Z

Поскольку это свойство не устанавливает свойство display none для этого div вам нужно использовать .toggle() для div:

$('div#main').toggle(); // toggle the div instead
alert($('div#main').css('display')); // its none now

zakangelle · Answer 3 · 2014-05-12T19-52-00.000Z

Вам нужно проверить display значение ваших p элементов, так как это то, что вы используете toggle():

alert($('p').css('display'));

См. DEMO.