在jqueryUI-Draggable中定位jQuery qTip

我在jqueryUI中有一個問題可拖動引導模式在Asp.Net Web應用程序中使用qTip表單驗證程序。作爲要求，我使用jqueryUI Draggable使引導模式可拖動。問題是，如果工具提示處於活動狀態，並且我們拖動了引導模式，則qtip將不會隨着Screenshot中顯示的模式而移動。我使用以下qTip設置：在jqueryUI-Draggable中定位jQuery qTip

var q = $(inputs).qtip({ 
    position: { 
     my: 'center left', 
     at: 'center right' 
    }, 
    content: { 
     text: function (api) { 
      return getValidator.call(this).html(); 
     } 
    }, 
    show: { 
     ready: true, 
     event: 'none' 
    }, 
    hide: { 
     event: 'none' 
    }, 
    style: { 
     classes: 'ui-tooltip-red ui-tooltip-shadow ui-tooltip-rounded' 
    }, 
    events: { 
     show: function (event, api) { 
      var $this = api.elements.target; 
      var validator = getValidator.call($this); 
      if (validator.length == 0) 
       event.preventDefault(); 
     } 
    } 
});

我試圖用type: 'relative',和container: $(this).parent(),的位置。但qtip仍然沒有動。

我正在使用以下來移動bootstrap模式，它按預期工作。

$(".modal").draggable({ 
      handle: ".modal-header", 
      containment: "body" 
     });

建議/修復是最受歡迎的。

來源

2013-05-30 Ravimallya

這不會工作，因爲如果你仔細看看DOM，實際的qtip元素被追加到主體，而不管你已經初始化它的元素。因此它不存在於你的可拖動div中，並且不會被拖動。

我最好的辦法是在拖動開始時隱藏qtip錯誤消息，並在拖動停止時重新渲染它們。

來源

2013-06-24 14:14:42

是mandeep。我同意你的觀點。但在我的情況下，拖動後不能重新啓動qtip，因爲我在asp.net中，這是一個需要自定義的驗證器。 – Ravimallya

在jqueryUI-Draggable中定位jQuery qTip

回答

相關問題