Здравствуйте! Помогите решить такую проблему:
Я создал модальное окно из двух дивов, навесил на него такие функции:
1. При нажатии на основной div с id gift-1 с затемненным фоном, убрать окно. Но окно убиралось даже при нажатии на внутренний див с белым фоном gift-modal.
2. Тогда я на див gift-modal навесил функцию return false; и теперь всё получилось как нужно. При нажатии на внешний затемненный фон окно исчезает, а при нажатии на внутренний белый, окно не исчезает.
НО появилась другая проблема, внутри белого дива, при вставке ссылки, они тоже не реагируют. Получаются ссылки некликабельные. Подскажите пожалуйста, кто сталкивался с таким. Как убрать return false конкретно у ссылок, чтобы они открывались а основной контейнер белый также оставался с функцией return false.
Мой код:
$(document).ready(function(){
$("#modal1").click(function()
{
$(".button-modal").click(function()
{
$("#gift-1").fadeOut();
$("body").removeClass( )
});
$("div#gift-1").click(function()
{
$("#gift-1").fadeOut();
$("body").removeClass( )
});
$("div#gift-modal").click(function()
{
return false;
});
$("#gift-1").fadeIn();
$('body').addClass('stop-scrolling')
});
});