Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 21.08.2016, 14:15   #1
Bulat Ibrahim
Форумчанин
 
Регистрация: 24.04.2015
Сообщений: 199
По умолчанию Функция Яваскрипта (ДжейКвери) не срабатывает

Всем здравствуйте. На сайте хочу сделать так, чтобы кри клике по ссылке всплывал блок с изображениями, и при нажатии на изображение всплывал еще один блок с увеличенным изображением.
Отдельно скрипт с увеличением изображения работает, и всплывающий блок с изображениями нормально открывается. А вот при щелчке в этом блоке на изображение ничего не происходит.
Для удобства я перевел свой сайт на тестовый сервер в сети, вот на него ссылка: http://saitlartiksheru.xyz/madrasa_turynda.php

Там чуть ниже есть рисунки - попробуйте пощелкать на них - все работает. Еще ниже, где ПДФ-документы, в первом списке (Гыйльми киңәшмәләр (Шура) кагыйдәнамәсе) есть ссылка без изображения. Это и есть тот блок. Но вот там уже изображения не работают, хотя скрипт тот же.
Помогите пожалуйста, чего я делаю не так?

Вот скрипт для увеличения изображений:
Код:
$(".rasemUrta").click(function(){	// Клик на маленькое изображение
	  	var img = $(this);	// Берем изображение
		var src = img.attr('src'); // Отбираем путь
		$("body").append("<div class='popup'>"+ // Добавляем в основу сайта всплывающий блок
						 "<div class='popup_bg'></div>"+ // Блок для затемненного фона
						 "<img src="+src+" class='popup_img' />"+ // Увеличенное изображение
						 "</div>"); 
		$(".popup").fadeIn(800); // Выводим изображение
		$(".popup_bg").click(function(){	// Клик на затемненный фон	   
			$(".popup").fadeOut(800);	// Убираем изображение
			setTimeout(function() {	// Таймер
			  $(".popup").remove(); // Удаляем блок
			}, 800);
		});
		$(".popup_img").click(function(){	// Клик на изображение	   
			$(".popup").fadeOut(800);	//Убираем изображение
			setTimeout(function() {	// Таймер
			  $(".popup").remove(); // Удаляем блок
			}, 800);
		});
	});
И вот скрипт для блока с изображениями:
Код:
$("#shuraKagyidanamase").click(function(){	// Клик на ссылку
		$("body").append("<div id='osBlok'><div id='osBlokBg'></div><div id='rasemUrtaBit'>"+
			"<img class='rasemUrta' src='documentlar/shura_kagyidanamase/1.jpg' width='200' height='280' alt='Гыйльми киңәшмәләр (Шура) кагыйдәнамәсе, 1-нче бит' title='Гыйльми киңәшмәләр (Шура) кагыйдәнамәсе, 1-нче бит'>"+
			"<img class='rasemUrta' src='documentlar/shura_kagyidanamase/1.jpg' width='200' height='280' alt='Гыйльми киңәшмәләр (Шура) кагыйдәнамәсе, 1-нче бит' title='Гыйльми киңәшмәләр (Шура) кагыйдәнамәсе, 1-нче бит'>"+
			"</div></div>"); 
		$("#osBlok").fadeIn(800); // Выводим блок для изображений
		$("#osBlokBg").click(function(){	// Клик на затемненный фон	   
			$("#osBlok").fadeOut(800);	// Убираем блок
			setTimeout(function() {	// Таймер
			  $("#osBlok").remove(); // Удаляем блок
			}, 800);
		});
	});
Булат Азат улы
Bulat Ibrahim вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Не срабатывает функция FindWindowEx, в чем причина? adkomissarov Общие вопросы Delphi 30 25.01.2015 13:00
выполнение яваскрипта в Webbrowser cargo29 Работа с сетью в Delphi 6 12.12.2012 00:03
Не срабатывает функция. Aries Общие вопросы C/C++ 1 30.05.2012 19:37
Не срабатывает функция! Nikita090 JavaScript, Ajax 3 15.01.2012 01:12
Графическая функция второй раз не срабатывает... AlexFox PHP 2 13.09.2009 17:27