Двойной клик, как такое сделать?

Question

[John Freeman]

Всем привет!
Есть вопрос!
код дабл клика:

$(document).on('dblclick', '.wellprod', function() {
  $('.wellprod').removeClass('active_c');

  $(this).addClass('active_c');
  location.href = 'http://site.com';
});

Все работает, при двойном клике переходит на site.com , но есть проблема когда на странице например 20 элементов,
при двойном клике будет направлять на одну и туже ссылку!
А мне нужно направлять например на: site.com/view.php?id={ID} если .wellprod или site.com/edit.php?id={ID} если .wellprod prod_ad где {ID} - это уникальный идентификатор из БД.
Спасибо!!

Answer 1

[littleguga]

Выводите блок(ну или что это у Вас там) с классом .wellprod вот так:

<div class="wellprod" data-id="42(уникальный идентификатор из БД)"></div>

Соответственно js будет таким:

$(document).on('dblclick', '.wellprod', function() {
  $('.wellprod').removeClass('active_c');

  $(this).addClass('active_c');
  location.href = 'http://site.com/view.php?id=' + $(this).attr("data-id");
});

Comments

[John Freeman]

спасибо, а как тогда проверить что этот div не .wellprod a .wellprod prod_ad что бы направить на site.com/edit.php?id={ID} ????

[Вячеслав]

John Freeman: if this hasClass

[littleguga]

John Freeman: Вячеслав: вроде можно же делать селектор по 2 классам?

[Вячеслав]

littleguga: может и можно, не проверял :) но в таком случае будет 2 обработчика, а так можно уместить в один)

[littleguga]

Вячеслав: В смысле 2 обработчика? Будет один, дома буду - потестирую.

Answer 2

[Dark Hole]

Есть jQuery метод - .preventDefault -отменяет события по умолчанию. Есть еще JS метод - stopPropagation - останавливает распространение события дальше.