Question

我在模板页面中使用了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]没有方法'qtip'（匿名函数）

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

Answer 1

通常，执行此操作的好方法是通过Knockout中的自定义绑定。

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

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

Qtip没有使用淘汰赛

1 个答案: