我应该使用什么Jquery mouseevent来获得正确的值?

时间:2011-04-27 04:51:04

标签: jquery jquery-ui jquery-selectors javascript

我有可排序的对象,我需要记录.next()对象的ID。第一次需要记录的是你mousedown和object(获取.next()对象的ID)和第二次获取ID .next()对象所在的位置。

我可以使用mousedown获取第一个.next()ID。

$(function() {
    $( "#sortable" ).sortable();
    $( "#sortable" ).disableSelection();
});

$("li").live("mousedown",function(e) {
    document.getElementById("result").innerHTML=($(this).next("li").attr('id'))
});

但是我可以使用什么来获取放置后的.next()对象的ID?

为清楚起见,这是一个JSfiddle文档:

http://jsfiddle.net/TSM_mac/pJbeB/

2 个答案:

答案 0 :(得分:1)

Here's a live demo

以下是代码

$(function() {
    $( "#sortable" ).sortable({
        start : function(event, ui) {
            $('#result').html($(ui.item).next().next().attr('id'));
            //we have to use .next().next() because jquery creates a dummy
        },
        stop : function(event, ui) {
            $('#result').html($(ui.item).next().attr('id'));
        }
    });
    $( "#sortable" ).disableSelection();
});

请注意使用next().next(),这是故意的。

使用可排序时,请查看有关可用事件/方法列表的API:http://jqueryui.com/demos/sortable/

答案 1 :(得分:0)

我认为鼠标悬停是您正在寻找的。

    $("li").live("mouseover",function(e) {
        document.getElementById("result").innerHTML=($(this).next("li").attr('id'))
    });