被拖动的Jquery draggable show qtip

时间:2014-02-27 11:50:08

标签: jquery jquery-ui-draggable qtip2

我想在拖动元素时显示一个元素,并在元素被删除/恢复时隐藏它。
我正在使用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/

单击元素时我可以看到工具提示,但是一旦拖动开始就会隐藏它。因为创建了克隆并且元素失去焦点 在释放鼠标单击之前,我无法保持工具提示可见。请帮忙。

1 个答案:

答案 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。

http://jsfiddle.net/e6dJq/2/

enter image description here