4

我正在尝试将事件处理程序分配给数组中的按钮。当我按下按钮时，它应该调用一个函数，但没有也无法弄清楚为什么。这是我的代码：

var btns = [];
    btns.push($('<div />').addClass('mvn_no mvn'));
    btns.push($('<div />').addClass('mvn_n mvn'));
    btns.push($('<div />').addClass('mvn_ne mvn'));
    btns.push($('<div />').addClass('mvn_o mvn'));
    btns.push($('<div />').addClass('mvn_c'));
    btns.push($('<div />').addClass('mvn_e mvn'));
    btns.push($('<div />').addClass('mvn_so mvn'));
    btns.push($('<div />').addClass('mvn_s mvn'));
    btns.push($('<div />').addClass('mvn_se mvn'));
    for ( var i = 0; i < btns.length; i++) {
        btns[i].mousedown(function() {
            moveImage(this);
        }).mouseup(function() {
            clearTimeout(tMovement);
        }).mouseout(function(){
            clearTimeout(tMovement);
        });
        table.find('td:eq(' + i + ')').append(btns[i]);
        $($options.expose.elementMovement).empty().append(table);

    }
    alert($._data( $("div.mvn_so"), "events" ));

一旦这段代码运行，我点击按钮，没有任何反应。我什至尝试调用一个只有警报的虚拟函数，但它仍然不起作用。我还尝试在给定元素上获取事件，它返回未定义。任何帮助表示赞赏。

4

2 回答 2

2

所以，经过几个小时的调试，我终于找到了破坏我的代码的罪魁祸首。当我删除它时，它是该死.empty() 的$($options.expose.elementMovement).empty().append(table);，代码工作得很好。我不知道为什么它没有按原样工作，但我很高兴它现在可以工作。即使将空放在单独的行中也会破坏我的代码。

于 2013-01-30T06:57:57.747 回答
0

尝试这样的事情：http: //jsfiddle.net/ADGSc/

$('#myTable').on({
    'mousedown': function() {
        moveImage(this);
    },
    'mouseup': function(something) {
        clearTimeout(tMovement);
        status.text('mouseup: ' + $(this).attr('class'));
    },
    'mouseout': function(something) {
        clearTimeout(tMovement);
        status.text('mouseout: ' + $(this).attr('class'));
    }
}, 'div');

这可能不是您想要的，但希望它会引导您走上正确的道路。

在此处了解有关 jQuery.on()功能的更多信息：http: //api.jquery.com/on/

于 2013-01-30T04:44:57.367 回答