如何在使用KnockoutJS時將按鈕值轉換爲jQuery？

Question

我的HTML：

<button data-bind="attr: { value: URLPath }" type="submit">Download</button> 

KnockoutJS的jsfiddle：http://jsfiddle.net/qc84yyjp/

jQuery代碼：

$("Button[type=submit]").click(function() { 
    var value =$(input).attr("data-bind"); 
    $.post('fs.php', 'val=' + $(this)+value, function (data) { 
    alert("sagar"); 
    }); 
}); 

帶電作業例如只需要通過按鈕值到jQuery腳本可以在這裏找到：

https://oceanmovies.in/sagar/

Answer 1

您可以使用敲除click綁定，並在由click事件觸發的函數內部調用$.post。

http://knockoutjs.com/documentation/click-binding.html

的點擊綁定添加一個事件處理程序，以便被點擊相關的DOM元素時，您選擇的JavaScript函數將被調用。這是最常用的元素，如按鈕，輸入和a，但實際上適用於任何可見的DOM元素。

這裏有一些你的HTML這是我從你的jsfiddle

<div class="grid-100" data-bind="foreach: exampleData"> 
    <h2 data-bind="text: Name"></h2> 
    <li class="topics"><span data-bind="text: Size">Size</span></li> 
    <button data-bind="click: $parent.download" type="submit">Download</button> 
</div> 

這裏注意到是JavaScript：

function ViewModel() { 
    var self = this; 
    self.exampleData = ko.observableArray([]); 
    ... 
    self.download = function(data) { 
    // data => will contain a single object from exampleData array above 
    $.post(...); 
    } 
}