0

Такая проблема:
Строка таблички содержит три столбца:

  1. Фото пользователя - ссылка на его страничку
  2. Имя пользователя - ссылка на его страницу
  3. Текст сообщения. Ссылкой является только сам текст.

На js хочу сделать, чтобы при нажатии на любую область строки осуществлялся переход на страничку сообщения. Для пробы написал:

$(".messages").click(function() {
      alert (123);
});

.messages - класс строк таблицы. Это работает, но когда мы нажимаем на ссылки фото или имени, то тоже выводится 123, а только потом, когда я нажму ок, делается переход по ссылке. А должно переходить туда, куда указывает ссылка без alerta, если же мы просто нажали внутри ячеек строки, то алерт. Как это сделать???

3 ответа 3

1

Для этого достаточно дописать запрет всплытия события click для ссылок в ячейках таблицы

$(".messages").click(function() { 
   alert (123) 
}).find('a').click(function(e) { // находим ссылки в строке
   e.stopPropagation()  // предотвращаем всплытие события 
});
0
$(".messages").on('click', function(e) {
    if ($(e.target).is('td')) {
        //Если кликнули по td
    }
});
8
  • наверно вы имели ввиду $(e.target).is('td')
    – Spectre
    24 июн 2012 в 17:41
  • Первый alert выводит [object HTMLTableCellElement]. В условие не заходит. $(e.target).is('td') - с таким вариантом не работает даже первый алерт. Вместо td вписывал вот это длинное слово, но всё равно не работает. $(".messages").click(function(e) { alert (e.target); if (e.target.is('td')) { alert ('asd'); } }); 24 июн 2012 в 17:47
  • Вот победное решение: $(".messages").on('click', function(e) { alert (e.target); if (e.target == '[object HTMLTableCellElement]' ) { alert ('asd'); } }); 24 июн 2012 в 17:50
  • 1
    а как будет работать если сделать $(this).is('td')
    – Spectre
    24 июн 2012 в 18:04
  • 1
    ещё тот костыль
    – Spectre
    24 июн 2012 в 19:35
0
$(".messages").on("click", function(e) {
    if ($(e.target).is("a")) return;

    alert("foo");
});

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.