3

誰かが助けてくれるなら私は感謝します=）私はそれをクリックしたときに私の画像を変えたいです

.htmlファイル：

<a href="#" data-bind="click: $root.markCompleted"><img class = "check" src = 'bee-icon-gray.jpg' width = '25px' height = '23px'/></a>

.jsファイル

    function AppViewModel() {
            var self = this;
            self.tasks = ko.observableArray([]);

      self.markCompleted = function(task) {
                task.status('completed');
                }
}

bee-icon-gray.jpgだから、クリックしたときに画像を置き換えたいのですがbee-icon-colored.jpg、クリックするたびに画像を切り替えることができれば完璧です！私はどんな助けにも感謝するでしょう！

4

2 に答える 2

4

通常の Web ページでは、確かに jquery セレクターを使用するのが最善ですが、ノックアウトを使用して SPA を構築しているため、ビュー モデルに jquery 選択を混在させることはできません。

したがって、応答を終了します。

<a href="#" data-bind="click: $root.markCompleted"><img class = "check" data-bind='attr: {src: imageSrc}' width = '25px' height = '23px'/></a>

そしてあなたのビューモデルで：

function AppViewModel() {
    var self = this;
    self.imageSrc = 'initialImage';
    self.tasks = ko.observableArray([]);
    self.markCompleted = function(task) {
        task.status('completed');
        self.imageSrc('newImage');
    }
}
于 2013-09-13T06:52:17.013 に答える
1

以下のコードを試してみてください。

 $('.check').click(function(){
      $(this).attr('src','newimagesrc');
    });
于 2012-10-03T13:34:51.843 に答える