JQuery: передача переменных в функцию hover ()?

Question

Могу ли я передать переменную в hover ()?

Как и в приведенном ниже сценарии, я не хочу объявлять одну и ту же переменную дважды var target = xxx и не хочу делать эту переменную глобальной target = xxx bcos У меня есть другая функция, использующая это имя переменной - target.

   $('.image-profile').hover(function () {

        var target = $('.button-change-image-profile',this);
        target.show();

    },function () {

        //var target = $('.button-change-image-profile',this);
        target.hide();

    });

Итак, я попытался передать переменную, как это },function (target) {, конечно, это неправильно, но есть ли другой способ передать эту переменную?

спасибо.

Answer 1

Другой возможный подход: сохранить данные в this при наведении / выводе с помощью jQuery .data().Вы сохраняете его при помощи мыши, вы извлекаете его при помощи мыши.Концептуально это может быть аналогично использованию глобальной переменной var или var out из hover, поэтому t может создать мусор ...

$('.image-profile').hover(function () {

  var target = $('.button-change-image-profile',this);
  target.show();

  // we save the target object into the 'target' key.
  $(this).data('target',target);  

},function () {

  // we retrieve the target object (a jQuery object) and then hide it.
  $(this).data('target').hide();

});

Надеюсь, этот подход не слишком неправильный ...

Answer 2

Короткая версия просто для переключения здесь:

$('.image-profile').hover(function () {
    $('.button-change-image-profile',this).toggle();
});

Чтобы он был доступен в каждом обработчике (как более общее решение), определите его снаружи при цикле (например, используя .each()), например:

$('.image-profile').each(function() {
    var target = $('.button-change-image-profile',this);
    $(this).hover(function () {
        target.show();
    },function () {
        target.hide();
    });
});

Answer 3

Я думаю, что jQuery bind может быть тем, что вы хотите.

Answer 4

Просто определите var из функции наведения.