Попытка получить простую анимацию jquery на сайте, который я создал в Dreamweaver

Question

Эй, ребята, еще один вопрос. Я пытаюсь сделать некоторые базовые вещи jQuery для моего финального проекта. Я буду использовать его для изменения моего уже существующего сайта, созданного в Dreamweaver несколько месяцев назад.

Тем не менее, независимо от того, как я получаю исходный код фреймворка, он не будет работать независимо от того, размещу ли я свою собственную копию или ссылку на кого-то другого, как Google

Я включаю вызовы функций jQuery в уже существующий файл .js, который включает некоторые автоматически сгенерированные функции. Я также попытался создать новый .js специально для моих функций jQuery и до сих пор ничего.

Я понимаю, что это расплывчато, но есть какие-нибудь советы? Нужен ли мне другой фреймворк для работы с jQuery для создания анимации типа

.fadeIn() или .slideDown()?

Спасибо, ребята и девочки!

Answer 1

Просто jQuery будет работать для этого, однако вам нужно убедиться, что вы вызываете функции на document.ready, например:

$(function() { //or $(document).ready(function() {
  $("#myID").fadeIn();
});

Вообще говоря, вы должны обернуть весь свой код запуска / привязки в document.ready оболочку, как указано выше, вы можете вставить все, что вам нужно, в эту одну оболочку.

Если у вас есть только $("#myID").fadeIn();, и он не находится внизу вашего тела, то он, вероятно, работает до того, как элемент существует, так что селектор фактически не находит элемент ... так что нечего затихать. Вы можете увидеть это поведение, разместив его там, где сейчас находится ваш код:

alert("#myID count: " + $("#myID").length); //probably alerts 0 currently

Если проблема не в этом ... проверьте консоль на наличие ошибок JavaScript:)