Ни один из моих CSS или JavaScript не изменяет тег <div>

Question

Ни один из моих CSS или JavaScript не изменяет тег <div>

0

Вот проблема, которую я испытываю в JSFiddle. Я делаю экран загрузки, который будет скользить через несколько секунд, используя jQuery. Я новичок в jQuery, но не с HTML, JavaScript или CSS. Как и в случае с моими обычными вопросами, я подозреваю, что это имеет чрезвычайно очевидный ответ, который я упустил. Мой вопрос: почему на что-то не влияет ни на что? Очевидно, мне нужны ссылки на jsfiddle.net, чтобы они сопровождались кодом...

HTML:

<div id="loader" style="height:0;width:0;">
<strong style="color:white">Loading...</strong>
</div>

JavaScript/JQuery:

var width = $(window).width();
var height = $(window).height();
document.getElementById("loader").style.height = height + "px";
document.getElementById("loader").style.width = width + "px";

CSS:

#loader {
  color: black;
  border: 1px solid black;
}

Я был бы признателен за любую помощь, которая может быть дана.

Изменить: поскольку у меня нет репутации, чтобы ответить на мою собственную проблему с 8-часовым размещением, это должно будет сделать. Meredith предоставил мне решение здесь. Спасибо.

Редактирование 2: после некоторых исследований я понял, что пытаюсь сделать все это до того, как страница полностью загрузится. Когда я попробовал метод Мередит, это не сработало. Я изменил свой JavaScript/jQuery на это:

$(document).ready(function() {
  var width = $(window).width();
  var height = $(window).height();
  document.getElementById("loader").style.height = height + "px";
  document.getElementById("loader").style.width = width + "px";
});

И все сработало хорошо.

redacted 12 май 2014, в 03:44

Источник

0

Это работает нормально для меня. jsfiddle.net/mHaLm/3
Meredith 12 май 2014, в 01:15
0

не совсем уверен, что вы на самом деле хотите достичь? сдвинуть div через несколько секунд? изменить фон?
Se0ng11 12 май 2014, в 01:16
0

Вы имеете в виду, что хотите изменить фоновый цвет?
jhyap 12 май 2014, в 01:16
0

Я не знаю, что ты сделал по-другому, Мередит, но теперь это тоже хорошо работает ... Спасибо?
redacted 12 май 2014, в 01:18
1

Похоже, он пытается сделать div размером с окно, что делает его код. Я добавил цвет фона, чтобы сделать его видимым.
Meredith 12 май 2014, в 01:18
0

@jack_dalton15 jack_dalton15 Все, что я сделал, это добавил цвет фона в #loader, чтобы показать, что он изменяет размер
Meredith 12 май 2014, в 01:19
0

В 2010 году я планировал увеличить его. Теперь все хорошо, Мередит получила мою спину: P.
redacted 12 май 2014, в 01:20
0

пометьте @Meredith answer как answer, если это вам помогло
Se0ng11 12 май 2014, в 01:21

Показать ещё 6 комментариев

Теги:

javascript

jquery

html

css

1 ответ

Ещё вопросы

Это работает нормально для меня. jsfiddle.net/mHaLm/3
не совсем уверен, что вы на самом деле хотите достичь? сдвинуть div через несколько секунд? изменить фон?
Вы имеете в виду, что хотите изменить фоновый цвет?
Я не знаю, что ты сделал по-другому, Мередит, но теперь это тоже хорошо работает ... Спасибо?
Похоже, он пытается сделать div размером с окно, что делает его код. Я добавил цвет фона, чтобы сделать его видимым.
@jack_dalton15 jack_dalton15 Все, что я сделал, это добавил цвет фона в #loader, чтобы показать, что он изменяет размер
В 2010 году я планировал увеличить его. Теперь все хорошо, Мередит получила мою спину: P.
пометьте @Meredith answer как answer, если это вам помогло

fxenik · Answer 1 · 2014-05-11T23-50-00.000Z

Ваш код на самом деле просто изменяет высоту и ширину div (успешно), но ничего не делает, чтобы сместить его через некоторый период времени. Я бы предложил использовать jQuery slideUp. Добавьте это после вашего javascript:

setTimeout(function() {
    $("#loader").slideUp()
}, 1000)

$ ("# loader") - это способ jQuery доступа к div с идентификатором "loader". Это просто пример того, как сдвинуть div вверх после некоторого предопределенного времени. Вы, вероятно, захотите сделать это после завершения процедуры загрузки.

Мой вопрос был просто о том, чтобы <div> зависел от моего CSS и других вещей, а не от скольжения вверх. Я могу поднять его просто отлично, спасибо;).