如何懸停在jQuery中？

我有一個懸停的事件，我必須添加錶行後創建，我想這樣的事情。如何懸停在jQuery中？

這是必須完成的方式，因爲在其他方面它不起作用。

<script> 
    jQuery(document).ready(function() { 
     jQuery('#userstable').on('hover', '.email', function() { 
      $(this).append($("<span style='font-size:80%;'> <a href='#'>Edit</a>")); 
     }); 
    }); 
</script>

我無法添加out事件。我該怎麼做？

來源

2013-02-05 ilhan

你要刪除的懸停事件 –

@AhmedAssaf，我想刪除'Edit' – ilhan

備註：如果你故意使用'jQuery'（可能是因爲命名空間衝突），你可以使用''''''''''''''''''''''''''''來縮短你的代碼。 – Yoshi

你想做on('mouseenter')和on('mouseleave')而不是懸停。

你可以做這兩個動作一次這樣的：

$('#userstable').on('mouseenter', '.email', function() { 
     $(this).append($("<span style='font-size:80%;'> <a href='#'>Edit</a>")); 
    }); 

    $('#userstable').on('mouseleave', '.email', function() { 

    });

來源

2013-02-05 09:08:00 Kolby

不起作用，因爲表格行不是靜態的，它們是動態創建的。所以事件不能附加到行/類上。 – ilhan

已更新，以符合您的要求。 – Kolby

，如果你要刪除的事件：

<script> 
    jQuery(document).ready(function() { 
     jQuery('#userstable').off('hover', '.email', function() { 
      $(this).append($("<span style='font-size:80%;'> <a href='#'>Edit</a>")); 
     }); 
    }); 
</script>

看到link更多細節

來源

2013-02-05 09:11:50

$('element').hover(function() { 
    // Hover on 
}, function() { 
    // Hover off 
})

文檔：http://api.jquery.com/hover/

來源

2013-02-05 09:13:14

這一個不會工作。表格創建得很晚。每次搜索時，行都會被破壞並創建。 – ilhan

哦，對不起，我只是讀你的問題。 @科爾比的答案應該適合你！ –

我想你可以在HTML中使用這個

$("#userstable").on(
{ 
    mouseenter: function() 
    { 
     $("#editlink").show(); 
    }, 
    mouseleave: function() 
    { 
     $("#editlink").hide(); 
    } 
});

<span id="editlink" style='font-size:80%;display:none'> <a href='#'>Edit</a></span>

來源

2013-02-05 09:17:15

試試這個代碼：

jQuery(document).ready(function() { 
    jQuery('#userstable').hover(function() { 
     $(this).append($("<span style='font-size:80%;'> <a href='#'>Edit</a>")); 
    },function() { 
     // type mouse out statements here. 
    }); 
});

來源

2013-02-05 09:21:04

由於表格不是靜態的，因此無法工作。 – ilhan

<script> 
    jQuery(document).ready(function() { 
     jQuery('#userstable').on('mouseenter', '.email', function() { 
      $(this).append($("<span style='font-size:80%;'> <a href='#'>Edit</a> | <a href='#'>Delete</a></span>")); 
     }); 
     jQuery('#userstable').on('mouseleave', '.email', function() { 
      $(this).find("span:last").remove(); 
     }); 
    }); 
</script>

來源

2013-02-05 09:35:32 ilhan

如何懸停在jQuery中？

回答

相關問題