0

我在我的模板页面中使用 Qtip。

<a href="details.html" class="qtipselector">Intro</a>

在主页中,我包含了库:

<script src="Scripts/jquery.js" type="text/javascript"></script>
<script src="Scripts/jquery.qtip.js"></script>
<!--Template binding-->
<div id="Container" ua-app-id="topVm" data-bind='template: {name: pageModel, data: pageVM }'>                   
</div>
<script src="Scripts/abc.js"></script>

这个函数在自定义库 abc.js 中

$('.qtipselector').qtip({
    content: $('div#TooltipContent').html(),
    position: {
        my: 'left center', 
        at: 'center right'
    },
    show: 'mouseenter',
        hide: {
            fixed: true,
            delay: 500,

            when: {
                event: 'unfocus'
            }
        },
    style: {
        tip: {
          width: 20,
          height: 14,
        },
        width:280,
        height:100,    
        classes: 'qtip-light qtip-shadow qtip-rounded',

    }
});

当我加载主页时,我收到此错误:未捕获的 TypeError: Object [object Object] has no method 'qtip' (anonymous function)

如何确保在模板绑定后加载 qtip 库。

4

1 回答 1

0

通常,实现此目的的一个好方法是通过 Knockout 中的自定义绑定。

这是 Knockout 网站上的教程: http://learn.knockoutjs.com/#/?tutorial= custombindings

和文档: http: //knockoutjs.com/documentation/custom-bindings.html

于 2013-01-23T23:44:28.500 回答