如何在viewmodel上調用jquery函數contet update update

Question

我有一個用於URL縮短的JQueryFunction。
like $(".comment").shorten(); 我通常在頁面加載時調用。

我有一個DIV標籤和這些都得到通過數據綁定 填充像

<div style="float: left; margin: 5px 0px 0px 30px; width: 92%" class="comment"> 

<span data-bind="text: Element.Abstract" style="text-align: justify;" /> 

我需要使內容被綁定後到哪裏調用$(".comment").shorten();功能的任何想法的內容功能可以縮短內容。

Answer 1

你有幾個選項。

1. 創建自定義綁定。

您可以創建由KnockoutJS執行的自定義綁定。你有兩個選項可以在init和update上運行代碼。用你的jQuery函數來回應這兩個問題都可以做到。然後，您可以將HTML設置爲如下形式：data-bind="shortenUrl: Element.Abstract"

查看documentation的示例。

1. 使用讀寫屬性擴展您的observable並響應寫入。

您可以將您的observables當作具有讀取和寫入功能的屬性。寫函數可以先調用你的jQuery函數，然後初始化這個值。

查看documentation的例子。

我的偏好是一個自定義綁定。這是一個很好的解決方案，可以在多個地方使用，無需複製代碼。