javascript - 生成された要素にクリック バインディングを適用する

Question

メニュー項目を使用してツールチップを動的に作成し、クリック イベントをそれらに適用したいのですが、HTML は次のようになります。

 <div data-bind="text:'Menu', attr:{title:viemModel.menu()}"></div>

ビュー モデルには、次のようにツールチップ コンテンツを追加する menu というメソッドがあります。

menu = () ->
"""
<div>
  <a data-bind="click:viewModel.item1">Item 1</a>
  <a data-bind="click:viewModel.item2">Item 2</a>
</div>
"""

ここで、item1 と item2 は、ビュー モデル内のさらに 2 つの関数です。ただし、バインドは DOM ロード時に既に適用されているため、item の新しいバインドは機能しません。バインディングを動的に適用する方法がない場合、DOM ロード自体にタイトル属性を追加する方法はありますか?