Question

我想要做的是当有人悬停掉落物品时，他会看到附加物

但附加内容未显示在新项目上

我添加了悬停，并附加了这是附加代码

$('.mysortable').hover(function() {

$(this).append('<span class="both">BOOKMARK THIS</span>')
    $('.both').animate({opacity: 1.0}) 
}, function(){
    $('.both').fadeOut(300, function(){
        $(this).filter('.both').remove()
    })
});

如何使追加显示新项目还悬停？

Answer 1

我不确定你想要什么，但也许这可能会有所帮助。

$('.mysortable').hover(function() {

    $(this).parent().append('<li><span class="both">BOOKMARK THIS</span></li>')
        $('.both').animate({opacity: 1.0}) 
    }, function(){
        $('.both').fadeOut(300, function(){
            $(this).filter('.both').remove()
        })
    });

Answer 2

尝试使用.on()

$('#sortable').on('mouseover mouseout', '.mysortable', function(event){
  if(event.type == 'mouseover') {
    //call your function here for append
  } else {
    //call your remove function here
  }
})

需要注意的重要一点是，jquery中的.on()提供了事件的动态绑定。根据经验，没有任何事件可以“徘徊”。 .on()，所以你必须使用两个事件。这就像你选择了一个静态元素#sortable，你正在选择动态.mysortable元素。

悬停新的可投放项目时附加不显示

2 个答案: