Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 11.12.2014, 19:29
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 30,970

Tecvid,
проверяйте ...
если класс один то можно так
if (target.className == 'modify')
Ответить с цитированием
  #12 (permalink)  
Старый 11.12.2014, 19:39
Профессор
Отправить личное сообщение для Tecvid Посмотреть профиль Найти все сообщения от Tecvid
 
Регистрация: 13.12.2013
Сообщений: 175

рони,
я не про способ проверки, но не важно) разобрался) спасибо большое, всё теперь работает ка надо
Ответить с цитированием
  #13 (permalink)  
Старый 16.07.2016, 11:35
Интересующийся
Отправить личное сообщение для andrey3681 Посмотреть профиль Найти все сообщения от andrey3681
 
Регистрация: 30.06.2016
Сообщений: 20

Помогите плиз с помощью ajax добавляю ссылку на открытие модального окна:
//Модальное окно ДОБАВИТЬ
$(document).ready(function() { // запускаем скрипт после загрузки всех элементов
    /* засунем сразу все элементы в переменные, чтобы скрипту не приходилось их каждый раз искать при кликах */
    var overlay = $('#overlay'); // подложка, должна быть одна на странице
    var open_modal = $('.open_add'); // все ссылки, которые будут открывать окна
    var close = $('.modal_close, #overlay'); // все, что закрывает модальное окно, т.е. крестик и оверлэй-подложка
    var modal = $('.modal_add'); // все скрытые модальные окна

     open_modal.click( function(event){ // ловим клик по ссылке с классом open_modal
         event.preventDefault(); // вырубаем стандартное поведение
         var div = $(this).attr('href'); // возьмем строку с селектором у кликнутой ссылки
         overlay.fadeIn(400, //показываем оверлэй
             function(){ // после окончания показывания оверлэя
                 $(div) // берем строку с селектором и делаем из нее jquery объект
                     .css('display', 'block') 
                     .animate({opacity: 1, top: '50%'}, 200); // плавно показываем
         });
     });

     close.click( function(){ // ловим клик по крестику или оверлэю
            modal // все модальные окна
             .animate({opacity: 0, top: '45%'}, 200, // плавно прячем
                 function(){ // после этого
                     $(this).css('display', 'none');
                     overlay.fadeOut(400); // прячем подложку
                 }
             );
     });
});


Не открывается до обновления страницы
Ответить с цитированием
  #14 (permalink)  
Старый 16.07.2016, 17:22
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 30,970

Сообщение от andrey3681
помощью ajax добавляю ссылку
добавили ссылку поставили клик на ссылку или поставили клик на body изначально

$('body').on('click' , '.open_add', function(event){ })

Последний раз редактировалось рони, 16.07.2016 в 17:25.
Ответить с цитированием
  #15 (permalink)  
Старый 17.07.2016, 11:18
Интересующийся
Отправить личное сообщение для andrey3681 Посмотреть профиль Найти все сообщения от andrey3681
 
Регистрация: 30.06.2016
Сообщений: 20

Сообщение от рони
добавили ссылку поставили клик на ссылку или поставили клик на body изначально
Подскажите пожалуйста куда или вместо чего вставить приведенный код?
Так как в JavaScript только начинаю разбиратся

Дбавляю ссылку ajax:
function call() {
 	  var msg   = $('#Vhod').serialize();
        $.ajax({
          type: 'POST',
          url: 'logIn.php',
          data: msg,
		  
          success: function(data) {
			  var responseData = jQuery.parseJSON(data);
			switch(responseData.status){
                        case 'error':
							$('#logIn').html(responseData.message)
                        break;
                        case 'success':
							$('#logIn').html(responseData.message),
							$('#overlay').trigger('click'),
							$('#logInHeader').html(responseData.statusLogin);
                        break; 
                    }
          },
          error:  function(xhr, str){
	    alert('Возникла ошибка: ' + xhr.responseCode);
          }
        });
    };
Ответить с цитированием
  #16 (permalink)  
Старый 17.07.2016, 11:33
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 30,970

andrey3681,
//Модальное окно ДОБАВИТЬ
$(function() { // запускаем скрипт после загрузки всех элементов
    /* засунем сразу все элементы в переменные, чтобы скрипту не приходилось их каждый раз искать при кликах */
    var overlay = $('#overlay'); // подложка, должна быть одна на странице
    $('body').on('click' , '.open_add', function(event){ // ловим клик по ссылке с классом open_modal
         event.preventDefault(); // вырубаем стандартное поведение
         var div = $(this).attr('href'); // возьмем строку с селектором у кликнутой ссылки
         overlay.fadeIn(400, //показываем оверлэй
             function(){ // после окончания показывания оверлэя
                 $(div) // берем строку с селектором и делаем из нее jquery объект
                     .css('display', 'block')
                     .animate({opacity: 1, top: '50%'}, 200); // плавно показываем
         });
     });

    $('body').on('click' , '.modal_close, #overlay', function(){ // ловим клик по крестику или оверлэю
            $('.modal_add') // все модальные окна
             .animate({opacity: 0, top: '45%'}, 200, // плавно прячем
                 function(){ // после этого
                     $(this).css('display', 'none');
                     overlay.fadeOut(400); // прячем подложку
                 }
             );
     });
});
Ответить с цитированием
  #17 (permalink)  
Старый 17.07.2016, 11:53
Интересующийся
Отправить личное сообщение для andrey3681 Посмотреть профиль Найти все сообщения от andrey3681
 
Регистрация: 30.06.2016
Сообщений: 20

рони,
Все по прежнему, не работает
Ответить с цитированием
  #18 (permalink)  
Старый 17.07.2016, 11:58
Интересующийся
Отправить личное сообщение для andrey3681 Посмотреть профиль Найти все сообщения от andrey3681
 
Регистрация: 30.06.2016
Сообщений: 20

рони,
Большущее спасибо! Разобрался, в ссылке изменил class на open_add, и все заработало!!! Все моя невнимательность
Ответить с цитированием
  #19 (permalink)  
Старый 25.06.2018, 11:48
Аспирант
Отправить личное сообщение для alecto Посмотреть профиль Найти все сообщения от alecto
 
Регистрация: 12.11.2014
Сообщений: 84

Друзья, помогите пожалуйста разобраться, почему-то не снимается событие.
Проверил - условие выполняется.

var items = document.querySelector('.page-content');

var fnCounter = function (e) {
  var target = e.target;

  if (target.classList.contains('item-actions__cart')) {
    items.removeEventListener('click', fnCounter);
  }
};

items.addEventListener('click', {handleEvent: fnCounter, e: event});

Последний раз редактировалось alecto, 25.06.2018 в 12:19.
Ответить с цитированием
  #20 (permalink)  
Старый 25.06.2018, 12:07
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

alecto,
А что такое items ?
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Обработка событий на динамически созданных объектах Alexey_R jQuery 28 15.02.2017 14:28
Блокировка событий всех дочерних элементов moreo Элементы интерфейса 4 26.05.2012 22:58
Некорректно работает функция для создания элементов exec Общие вопросы Javascript 4 13.07.2010 10:15
Использование одной функции для элементов с разными ID Ferroks Общие вопросы Javascript 10 11.09.2009 07:51
обработчик собития onMouseOver для фрейма Rian Events/DOM/Window 7 06.06.2008 18:48