Разница между JQuery .show / .hide и видимостью CSS: скрыта

Question

Разница между JQuery .show / .hide и видимостью CSS: скрыта

0

Я пытаюсь показать и скрыть элемент Div с помощью JQuery:

$("#Progress").hide("fast");

Однако мне нужно установить элемент div #Progress как скрытый для начала.

     <div style="height:30px;margin-top:5px">
        <div id="Progress" style="visibility:hidden">
            <div style="float:left"> <img src="../../../../Content/images/ProgressSpinner.gif"/></div>
            <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Saving.......</div>
        </div>
    </div>

Кажется, что если я использую JQuery, чтобы скрыть его каждый раз при загрузке, я получаю эффект мигания, так как он скрывает его при загрузке. Поэтому я действительно хочу, чтобы это было скрыто, пока я не покажу в JQuery.

Я попытался использовать атрибут CSS "Видимость", но моя команда JQuery.Show("fast") не влияет на него, поэтому остается скрытой.

Итак, каков наилучший способ по умолчанию отключить div, так что команда JQuery.Show может показывать Div, когда это необходимо, т.е. когда нажимается ссылка.

    $(document).on("click", ".edit-link", function (e) {

SamJolly 23 окт. 2013, в 21:54

Источник

2

display:none; , Попробуйте прочитать документацию, она ответит на ваш вопрос api.jquery.com/hide
j08691 23 окт. 2013, в 19:41
1

visibility: hidden прежнему занимает место. show/hide set display: none который не занимает sace.
crush 23 окт. 2013, в 19:41
1

Возможный дубликат В чем разница между видимостью: скрытым и отображаемым: нет?
nietonfir 23 окт. 2013, в 19:42
0

Спасибо за интересную ссылку ....
SamJolly 23 окт. 2013, в 20:01

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

Теги:

jquery

css

2 ответа

3

Вам нужно установить свойство отображения на свой элемент:

#Progress {
    display: none;
}

nietonfir 23 окт. 2013, в 16:52

2

Задавать видимость скрытым также бессмысленно.
crush 23 окт. 2013, в 19:42

Ещё вопросы

display:none; , Попробуйте прочитать документацию, она ответит на ваш вопрос api.jquery.com/hide
visibility: hidden прежнему занимает место. show/hide set display: none который не занимает sace.
Возможный дубликат В чем разница между видимостью: скрытым и отображаемым: нет?
Задавать видимость скрытым также бессмысленно.

Krishna · Accepted Answer · 2013-10-23T18-07-00.000Z

а. Если вы не хотите видеть эффект мигания, не используйте .hide('fast').

Но для вашего случая вы можете просто сделать $("#Progress").hide();

На стороне заметьте, попробуйте .hide('slow') чтобы увидеть более медленное скрытие.

б. .show("fast") не влияет, потому что у вас есть style="visibility:hidden" [который скрывает, но занимает место на вашей странице] на вашем уровне прогресса.

Удалите это & replace со style="display:none" [скрывает и не занимает места на вашей странице]

Огромное спасибо за быстрый и исчерпывающий ответ.