javascript - KnockoutJS 中的 jQuery

Question

是否可以在 Knockout 中使用 jQuery。

尝试在我的脚本中使用 Knockout 和 Jquery。 see this fiddle我正在使用 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());

我可以让它工作using javaScript但想知道 jquery 函数是否可以用于 knockout 以及如何使用？

Answer 1

您当然可以将 jQuery 与 Knockout 一起使用。我认为你的 fiddle 的问题是你试图将 DOM 节点附加到函数中:

imgC.appendTo(this);

在本例中，

this 指的是 DropPin 函数。您需要将图像附加到 DOM 节点:

imgC.appendTo($("body"));

Here是一个更新的 fiddle 。