jQuery的可拖动显示qtip同时拖累(Jquery draggable show qtip wh

2019-10-19 10:33发布

我想一个元素上显示tootip被拖动时,它藏起来,当元素被删除/回复。
我使用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/

我可以看到提示被点击的元素时,但随着拖动开始,则立即隐藏。 由于克隆创建并在元素失去焦点。
我不能保持提示可见直到鼠标点击被释放。 请帮忙。

Answer 1:

试着这样说:

$( ".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/



文章来源: Jquery draggable show qtip while being dragged