1

这是在Jquery 拖放中发布的后续问题- 单击事件在放置时注册

我正在使用 jquery 拖放。可拖动元素包含左右浮动的两个嵌套 div。左侧 div 包含可拖动的文本，右侧 div 包含一个用于切换工具提示的小“信息”按钮。

在放置时，我希望包含可拖动文本的左侧嵌套 div 是可点击的。下降由以下函数处理：

function handleElementDrop( event, ui ) {
  var slotNumber = $(this).data( 'number' );
  var elementNumber = ui.draggable.data( 'number' );

  if ( slotNumber == elementNumber ) {



ui.draggable.css( 'cursor', 'pointer' );
ui.draggable.parent().find('.element_left').click(function(e) {  
        window.open(ui.draggable.attr('data-link'));
    });

ui.draggable.parent().find('.info').addClass('correct');
    ui.draggable.addClass( 'correct' );
    ui.draggable.draggable( 'disable' );
    $(this).droppable( 'disable' );
    ui.draggable.position( { of: $(this), my: 'left top', at: 'left top' } );
    ui.draggable.draggable( 'option', 'revert', false );
  } 
}

现在哪里有：

ui.draggable.parent().find('.element_left').click(function(e) {  
        window.open(ui.draggable.attr('data-link'));
    });

适用于可单击的左侧嵌套 div 确定，但我在上一个问题中发布的问题似乎仍然存在。也就是说，在放置时，会触发 click 事件。这种情况很少发生......我在http://jsfiddle.net/5wcaQ/有一个小提琴

4

1 回答 1

1

i不是.element_left元素它是它info里面的一个元素。

此外，该行为可能与我们在另一个单击事件处理程序中注册一个单击事件处理程序这一事实有关。尝试将事件注册放入 asetTimout并查看它是否得到修复

setTimeout(function(){
    ui.draggable.find('.element_left').click(function(e) { 
        window.open(ui.draggable.attr('data-link')); 
    });
});

演示：小提琴

于 2013-05-08T04:26:26.307 回答