javascript - 如何在 View 模型内容更新上调用 Jquery 函数

Question

我有一个用于缩短 URL 的 JQueryFunction。
就像$(".comment").shorten();我通常在页面加载时调用它。

我有一个 DIV 标签，其内容通过数据绑定(bind)填充就像

<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(); 函数，以便在内容绑定(bind)后该函数可以缩短内容。

Answer 1

您有几个选择。

1. 创建自定义绑定(bind)。

您可以创建由 KnockoutJS 执行的自定义绑定(bind)。您可以选择在初始化和更新时运行代码。用 jQuery 函数响应这两个问题就可以了。然后，您可以将 HTML 设置为:data-bind="shortenUrl: Element.Abstract"

请参阅documentation举个例子。

1. 使用读写属性扩展您的可观察对象并响应写入。

您可以将可观察量视为具有读取和写入功能的属性。 write 函数可以首先调用您的 jQuery 函数，然后初始化该值。

请参阅documentation举个例子。

我的偏好是自定义绑定(bind)。这是一个很好的解决方案，可以在多个地方使用而无需重复代码。