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',

    }
});

メイン ページを読み込むと、次のエラーが表示されます: Uncaught 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 に答える