Так что я относительно новичок в кодировании jQuery, и хотя я могу свободно использовать большинство методов, я все еще считаю себя новичком.
Проблема, с которой я столкнулся, заключается в том, что диалоговое окно jQuery UI открывается только один раз после нажатия на него, а не в последующие. Я знаю, что есть сообщения в блоге, описывающие, как обойти проблему, такие как этот:
http://blog.nemikor.com/2009/04/08/basic-usage-of-the-jquery-ui-dialog/
Однако, после того, как я попытался подогнать его под мой код, я все равно не могу заставить его работать.
По сути, я хотел бы использовать jQuery Dialog вместо стороннего решения для лайтбокса. У меня есть куча загруженных миниатюр видео, и по щелчку я хочу, чтобы связанное видео открылось в диалоге. С каждым видео будет связано другое видео, которое можно найти в div с классом «video». Весь код, который я создал, не работает должным образом, и в итоге просто показывает пустую страницу или не работает.
Любые мысли будут с благодарностью.
Я понимаю, что сначала нужно каким-то образом создать диалоговое окно с помощью autoOpen: false.
.directors-videos - это класс элемента списка, который я буду щелкать, содержащий большой палец
.video - это div в этом элементе списка, содержащий код для вставки видео.
var $dialog = $('.video')
.dialog({
autoOpen: false,
show: 'fade'
});
$('.directors-videos').click(function() {
$dialog.dialog('open');
// prevent the default action, e.g., following a link
return false;
});