Как я скрываю элемент HTML перед загрузками страницы с помощью jQuery
У меня есть некоторый код JQuery, который показывает или скрывает отделение.
$("div#extraControls").show(); // OR .hide()
Я первоначально хочу, чтобы отделение было не видимо, таким образом, я использовал:
$(document).ready(function() {
$("div#extraControls").hide();
});
Однако на браузере, загрузки содержания, видимые в течение секунды перед исчезновением, которое не является тем, что я хочу.
Как я устанавливаю скрытие элемента, прежде чем загрузки страницы при хранении способности показать скроют его динамично со сценарием?
4 ответа
div.hidden
{
display: none
}
<div id="extraControls" class="hidden">
</div>
$(document).ready(function() {
$("div#extraControls").removeClass("hidden");
});
В CSS:
#extraControls { display: none; }
Или в HTML:
<div id="extraControls" style="display: none;"></div>
Что вы можете сделать, так это вставить встроенный тег script в конец документа или сразу после div с идентификатором "extraControls". Должен быть сожжен чуть раньше.
<div id="extraControls">i want to be invisible!</div>
<script type="text/javascript">$("div#extraControls").hide()</script>
Конечно, вы можете сделать это и на стороне сервера, но, возможно, есть веская причина, по которой вы не хотите этого делать (например, сделать видимыми элементы управления, если браузер НЕ поддерживает javascript).
Создайте класс css
.hidden {
display: none;
}
Добавьте это к любому элементу, который вы не хотите видеть при загрузке страницы. Затем используйте $ ("div # extraControls"). Show (); , чтобы отобразить его снова.