0

我在 Asp.Net Web 应用程序中使用 qTip 表单验证器的 jqueryUI 可拖动引导模式存在问题。作为要求，我使用 jqueryUI Draggable 使引导模式可拖动。问题是，如果工具提示处于活动状态并且我们已经拖动引导模式，qtip 将不会随着屏幕截图中显示的模式移动。我正在使用以下 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',andcontainer: $(this).parent(),作为位置。但是qtip仍然没有动。

我正在使用以下来移动引导模式，它按预期工作。

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

建议/修复是最受欢迎的。

4

1 回答 1

1

这是行不通的，因为如果您仔细查看 DOM，实际的 qtip 元素会附加到正文中，而与您初始化它的元素无关。因此它不存在于您的可拖动 div 中，也不会被拖动。

我最好的选择是在拖动开始时隐藏 qtip 错误消息，并在拖动停止时重新渲染它们。

于 2013-06-24T14:14:42.790 回答