0
<tbody data-bind="foreach: hearings">
    <tr>
            <td><span data-bind="text: ID, event: { mouseover: $parent.displayHearingsCaseID }" class="hearingIDCell"></span></td>
    </tr>
</tbody>

在跨度元素的鼠标悬停事件上,我正在动态生成要在弹出窗口上显示的内容。由于 span 元素对于所有记录都将具有相同的 id/class,因此弹出框为所有行显示相同的内容。如何为所有行显示不同的内容?

$('.hearingIDCell').popover({ trigger: 'hover', content: caseIDString, title: "Case ID" });

为每一行生成字符串 caseIDString 的值。

4

2 回答 2

0

Knockout 将事件对象作为第二个参数传递给处理函数。

 $(event.currentTarget).popover({ content: caseIDString, trigger: 'hover', title: "Case ID" });

上面的行现在向我显示了动态生成的所有行的不同内容。

于 2013-10-22T18:42:56.420 回答
0

当鼠标悬停时,displayHearingsCaseID将调用与hearings该行关联的元素作为其第一个参数。大概它的字段包含您需要的信息,因此您可以使用

$('.hearingIDCell').popover({
   trigger: 'hover', content: data.caseIDString,
   title: "Case ID"
});

data传递给事件处理程序的参数在哪里。

于 2013-10-22T04:09:19.317 回答