Что-то действительно не так с моим простым приложением Ruby on Rails

Question

Прежде чем люди проголосуют за то, что я не публикую фрагменты кода, позвольте мне сказать вам, что я пробовал это много раз, но люди не могут понять, что не так. Посмотрите Почему этот код jquery не работает? и Эта функция скрытия jQuery просто не хочет работать для примеров того, что не работает. Это приложение Ruby on Rails, использующее jQuery и встроенный API. Странно то, что люди копируют один и тот же javascript и html-код в jsfiddle, и это работает для них.

Я спрашиваю, не мог бы кто-нибудь проверить код здесь и разветвлять его: https://github.com/meltzerj/Dreamstill Кто-то, кто достаточно хорошо знает Ruby on Rails и jQuery, и может понять API-код для встраивания. На самом деле кода не так много, поэтому не должно быть особых хлопот. Я был бы очень признателен за любую помощь, чтобы получить меня на правильном пути. Спасибо.

О, и, пожалуйста, не стесняйтесь задавать мне любые вопросы.

Answer 1

Я извлек ваш код и думаю (надеюсь), что у меня может быть решение для вас, при условии, что я правильно определил вашу проблему.

Я вставил ссылку YouTube в форму и был перенаправлен на/videos/1, где была ссылка «видео», которая позже была заменена на встроенную миниатюру видео.

Проблема, с моей точки зрения, заключается в следующем:

$("#video_div img").click(function() {
  $("div.embed").toggle();
});

Когда вызывается обработчик готовности документа, в вашем документе еще нет изображения, поэтому ваш селектор #video_div img не может ничего найти.Это можно легко исправить с помощью метода live() jQuery вместо click() документация .Я обновил его так:

$("#video_div img").live('click', function() {
  $(this).toggle();
  $("div.embed").toggle();
});

Что, казалось, работало нормально: при нажатии исчезла миниатюра и появилось встроенное видео.

Надеюсь, что это поможет вам направить вас в правильном направлении.