jquery - JQuery-hover（）とon（）を使用します

Question

jqueryのon（）-メソッドをhover（）と組み合わせて使用しようとしています。ユーザーがdivにカーソルを合わせて値を表示し、マウスをそのdivから離すと、古い値が再び表示されるようにしたいのですが、これは機能していません...誰か手がかりがありますか？

$('#content').on('hover', '.player_marktwert_box',
    function() {
    var playerValue = $(this).html();
        $(this).html("test");
    },
    function () {
        $(this).html(playerValue);
    }
);

ありがとう！

score 5 · Accepted Answer

.hover実際には単なるショートカットであり、実際のイベント名ではありません。mouseenterそれは単に最初の関数と2番目の関数に拡張されmouseleaveます。

.on("mouseenter", "...",したがって、それぞれとを使用できます.on("mouseleave", "...",。

score 2 · Accepted Answer

$('#content').on({
    mouseenter: function() { ... },
    mouseleave: function() { ... }
},'.player_marktwert_box');

これは、ショートカットhoverを使用せずにイベントを委任する適切な方法です$.hover()

score 1 · Accepted Answer

これを試してみてください（ちょうどpimvdbの考えによると）

$('#content').on('mouseenter', '.player_marktwert_box', function() {
    var playerValue = $(this).html();
    $(this).html("test").data('playerValue',playerValue);
}).on('mouseleave', '.player_marktwert_box', function() {
    $(this).html($(this).data('playerValue'));
});

デモ。

score 1 · Accepted Answer

ここにフィドルがあります：http ：//jsfiddle.net/collabcoders/ses7G/

var originalValue;
$('#content').on('mouseenter', '.player_marktwert_box', function(){
    originalValue = $(this).html();
    $(this).html("test");
}).on('mouseleave', '.player_marktwert_box', function() {
    $(this).html(originalValue);
});

</ p>

score 1 · Accepted Answer

簡単な例：

var val=$('#foo').html();
$(document).on('mouseenter mouseleave', '#foo', function(ev) {
    $(this).html((ev.type == 'mouseenter') ? 'test' : val);
});

jsFiddleの例

score 0 · Accepted Answer

var playerValue;

$(".selector").on({
    mouseenter: function () {
        playerValue = $(this).html();
        $(this).html("test");
    }, 
    mouseleave: function () {
        $(this).html(playerValue);
    }
});

詳細については、この質問を確認してください。playerValueはイベントの範囲外であるため、永続する値があります。.selectorスクリプトによっては、一度に複数の要素にマウスオーバーできるかどうかによって、これが機能する可能性があります。

score 0 · Accepted Answer

.hoverだけを使用しない理由はありますか？

var playerValue = $('.player_marktwert_box').html();
$('.player_marktwert_box').hover(
   function() {
      $(this).html("TEST :)");
   },
   function () {
      $(this).html(playerValue);
   }
);

デモ-http ://jsfiddle.net/M93mM/1/

jquery - JQuery-hover（）とon（）を使用します

7 に答える 7

Related

Reference