В общем есть у меня функция, которая при наведении на определенный тип элементов делает определенное действие.
Проблема в том, что дочерний элемент который имеет такой же тип (что бы сработала функция) игнорируется.
Возможно ли сделать какие либо различия между ними ? Например сделать жесткую политику наведения, именно этот блок, дочерний нельзя либо что-то в этом духе.
А теперь по человечески)):
функция:
function title(el) {
el_tooltip = "#tooltip";
$(document).on("mousemove", el, function (e) {
var
X = e.pageX,
Y = e.pageY,
top = Y + 10 + 'px',
left = X + 10 + 'px',
all = $(window).width(),
w_left = $(this).offset().left,
width = $(el_tooltip).outerWidth(true),
offset = all - (w_left + width);
title = $(this).attr("data-title");
if ($(this).hasAttr("data-title-html")) {
var body = $(this).attr("data-title-html");
$(el_tooltip).find("#tooltip-body").html(body).show();
} else {
$(el_tooltip).find("#tooltip-body").html("").hide();
}
if (offset < 0) {
left = left + offset;
}
$(el_tooltip).find("#tooltip-title").text(title);
$(el_tooltip)
.css({"top": top, "left": left})
.fadeIn(100);
});
$(document).on("mouseleave", el, function () {
$(el_tooltip).fadeOut(100);
});
}
Вот элементы, родительский (иконка рубашки) и дочерние (иконки камней) у которых тот же самый тип, что бы работала функция.
Нужно попытаться сделать так, что бы при наведении и на тех и на тех срабатывала функция. Сейчас же она работает только для "рубашки".