0

Knockout で jQuery を使用することは可能ですか。

スクリプトに Knockout と Jquery を使用しようとしています。Chrome を使用しているこのフィドルを参照してください。

var viewModel = function () {
    var self = this;
    self.DropPin = function (ev) {
        var x = ev.pageX - window.event.clientX;
        var y = ev.pageY - window.event.clientX;

        $('.pin').remove();
        x = (x - 10); //icon size
        y = (y - 30);
        var imgC = $('<img class="pin">');
        imgC.css('top', y);
        imgC.css('left', x);
        imgC.attr('src', "http://placekitten.com/200/300");
        imgC.appendTo(this);


    }
}
ko.applyBindings(new viewModel());

javaScript を使用して動作させることはできますが、ノックアウトで jquery 関数を使用できるかどうか、およびその方法を知りたいですか?

4

3 に答える 3

0

これがあなたの例です：http://jsfiddle.net/R6zwv/25/

これは間違ったアプローチですが、通常は Knockout で DOM を管理する必要があります。したがって、テンプレートを設定してから、オブザーバブル内のデータを処理するだけです。

彼はあなたのテンプレートの基本的な例です:

<img data-bind="attr: { src: kittenSrc }, css: { top: kittenTop, left: kittenLeft }" />
<div id="map" data-bind="click: DropPin">add a image here</div>

オブザーバブルを使用した例を次に示します: http://jsfiddle.net/R6zwv/29/

于 2013-07-22T12:17:58.210 に答える