1

我正在使用 qtip2。我正在尝试访问 qTip API 对象,但没有看到此处记录的任何方法。我将 qTip 与 KnockoutJS 结合使用,所以我的代码如下所示:

ko.bindingHandlers.withdocs = {
    init: function(element, valueAccessor) {
        var docs = ko.utils.unwrapObservable(valueAccessor());
        var nDocs = docs.length;
        console.log(docs);
        if (nDocs > 0) {
            var label = nDocs == 1 ? " doc" : " docs"; 
            $(element)
                .addClass('withdocs')
                .text("with " + docs.length + label)
                .qtip({
                    content: {
                        text: getTooltipText(docs),
                        title: {
                            text: 'Documents used in query'
                        }
                    }, 
                     show: {
                        event: 'mouseover',
                        solo: true // Only show one tooltip at a time
                     },
                     hide: 'unfocus',
                     style: {
                        classes: 'ui-tooltip-wiki ui-tooltip-light ui-tooltip-shadow'
                     }
                })
        }
    },
    update: function(element, valueAccessor) {
        var docs = ko.utils.unwrapObservable(valueAccessor());
        // error occurs in the following line
        $(element).qtip("api").updateContent(getTooltipText(docs));
    }
};

报告的错误是

Uncaught TypeError: Object #<QTip> has no method 'updateContent'

完整的示例可以在jsfiddle中找到。

我是否使用了错误版本的 qtip?我正在链接到这个

4

1 回答 1

2

我相信您使用的是 qtip2,而 updateContent 方法适用于 qtip1。我已经更新了您的代码以在这里工作。

http://jsfiddle.net/madcapnmckay/bANWb/

我在通过文本选择器设置内容时遇到了一个问题,您需要 prerender 值为 true。有人在这里提到了这个问题

http://craigsworks.com/projects/forums/thread-solved-updatecontent-and-documentation-on-methods

Hope this helps

于 2012-03-08T22:46:37.620 回答