我想在拖动元素时显示一个元素,并在元素被删除/恢复时隐藏它。
我正在使用qtip2作为工具提示
我的代码:
$(".noDrop").qtip({
content: "You cannot drop this item",
show: "mousedown",
position: {
target: 'mouse',
viewport: $(window) // Keep it on-screen at all times if possible
},
hide: {
fixed: true, // Helps to prevent the tooltip from hiding ocassionally when tracking!
event: 'mouseup'
}
});
这是小提琴:http://jsfiddle.net/e6dJq/
单击元素时我可以看到工具提示,但是一旦拖动开始就会隐藏它。因为创建了克隆并且元素失去焦点 在释放鼠标单击之前,我无法保持工具提示可见。请帮忙。
答案 0 :(得分:2)
试试这样:
$( ".noDrop" ).on( "dragstart", function( event, ui ) {
$(".ui-draggable-dragging").qtip(
content: "You cannot drop this item",
position: {
target: 'mouse',
viewport: $(window) // Keep it on-screen at all times if possible
},
hide: {
fixed: true, // Helps to prevent the tooltip from hiding ocassionally when tracking!
event: 'mouseup'
}
}).qtip("show");
});
它将在克隆元素上调用qtip。