0

テーブルの行が作成された後に追加する必要があるイベントにカーソルを合わせると、そのようなものだと思います。

これは、他の方法では機能しないため、実行する必要がある方法です。

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

out イベントを追加できませんでした。どうやってやるの？

4

6 に答える 6

1

ホバーする代わりに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-05T09:08:00.480 に答える
0

イベントを削除したい場合：

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

詳細については、リンクを参照してください

于 2013-02-05T09:11:50.663 に答える
0 
$('element').hover(function() {
    // Hover on
}, function() {
    // Hover off
})

ドキュメント：http ：//api.jquery.com/hover/

于 2013-02-05T09:13:14.417 に答える
0

このコードを試してください：

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-05T09:21:04.107 に答える
0 
<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-05T09:35:32.967 に答える
0

これを使ってもいいと思います

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

htmlで

<span id="editlink" style='font-size:80%;display:none'> <a href='#'>Edit</a></span>
于 2013-02-05T09:17:15.783 に答える