Question

我正在使用qtip2。我正在尝试访问qTip API对象，但没有看到任何记录的方法here。我将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版本吗？我正在链接到this one。

Answer 1

我相信您使用的是qtip2，而updateContent方法适用于qtip1。我已将您的代码更新为在此工作。

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

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

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

希望这有帮助

无法解析qTip API方法

1 个答案: