1

このプラグインを作っています

HTML

<span class="item" data-item="first">
</span>
  <br><br>
<span class="item" data-item="second">
</span>
<br><br>
<span class="item" data-item="third">

Jクエリ

(function($){
  $.fn.myPlugin = function(){
     $(this).on('mouseleave', function(){  
          var item = $(this).attr('data-item');
          alert(item);           
      });    

    return this.each(function() {    
      for (var i = 1; i <= 2; i++) {
        $(this).append('<span class="act" title="active '+i+'">act'+i+'</span>');
      }   
    });
  };
})(jQuery);



$(document).ready(function() {
  $('.item').myPlugin();
});

問題は、アイテム クラス内にいる場合でも、動的に作成された 2 つの要素間でマウスを移動すると、mouseleave が発生することです。デモhttp://jsbin.com/IWutoQa/9/

act1とact2の間でマウスを動かしてみてください

4

1 に答える 1

3

これはmargin-left: 10px! 代わりに使用padding-left: 10pxすると、正しく機能します。

例: jsfiddle

于 2013-11-12T13:30:09.513 に答える