События, использующие $ (this)

0

Моя проблема здесь в первую очередь jQuery...

Я хочу, чтобы события загорались, когда выполнялось определенное взаимодействие... только для "этого" конкретного элемента при условии, что все предметы идентичны.

Во-первых, я не уверен, почему состояние зависания не срабатывает - в консольном журнале показано, что взаимодействие существует, но не вызывает появление div. Мне нужно, чтобы "show-me" div появлялся, когда только зависал на пролете и мыши, чтобы div исчез.

Также, когда пользователь нажимает "выбрать" для опций, чтобы ТОЛЬКО скрывать текущий вход данных, который они выбрали, - не все опции, чтобы скрыть.

У меня возникли проблемы с поиском способа выбора элементов, которые несколько выходят из области видимости, поскольку.find() будет находить только потомков - я хочу, чтобы моя метка была в другом месте и была способна выбирать элемент независимо от того, где оно расположено в рамках разметки.

Вот JSFIDDLE рабочего примера для вас, чтобы потенциально "возиться" с ;-)

Все предложения приветствуются!

Вот мой jQuery

//Show item on hover for current item hovered
var item = $('.item'),
    itemShow = $('.show-me');

item.hover(function() {
    $(this).nextAll('.show-me').show();
    console.log("hovered");
    }, function() { 
    $(this).nextAll('.show-me').hide();
});


//Click select to hide options 
$('.item').find('input').on('click', function() {
    $(this).nextAll('ul').hide();
    console.log("select was clicked");
});
Теги:

2 ответа

1

Ваш обход дерева неверен, используя nextAll который предназначен для братьев и сестер.... использовать find() для потомков

$(this).find('.show-me').show();

DEMO

Обратитесь к документам API

0

Помимо ответа Чарли, вы также можете использовать .children(),

$(this).children('.show-me').show();

JSFIDDLE

Ещё вопросы

Сообщество Overcoder
Наверх
Меню