Javascript 如何将敲除模板循环中的单击事件更改为鼠标悬停

我有这个html：

 <div id="accordion" data-bind="jqAccordion: { },template: { name: 'tb-template', foreach: Items,  afterAdd: function(elem){$(elem).trigger('valueChanged');} }" class="group accordion ui-widget ui-helper-clearfix" ></div>                                   

使用模板：

 <script type="text/html" id="tb-template" >
    <div data-bind="attr: {'id': 'Text' + TextId}, click: $root.SelectedText" class="group ui-widget-content ui-corner-tr" >
        <div class="accordion-header  ui-widget-header">
        <table>
               <tbody>
                    <tr>
                        <td><span data-bind="text:Title"></span></td>
                    </tr>          
                 </tbody>
             </table>
         </div>
     </div>
</script>

单击“我的项目”列表中的每个元素时，我会显示一个包含以下项目信息的div：

<div class="" data-bind="with: SelectedText">           
    <label>Id:</label><span data-bind="text: Id"></span> 
    <h1 data-bind="text: Title"></h1>
    <label>Description:</label><span data-bind="value: Description" class="description"></span>         
</div>

身份证件：
说明：

最后一个div响应手风琴中的click事件。现在我想让它响应鼠标悬停/鼠标悬停，而不是单击。我试着只切换事件名称，但这显然不起作用。如何使其以我想要的方式响应？

参考了解有关如何正确使用事件绑定的更多详细信息

 <div data-bind="attr: {'id': 'Text' + TextId}, event:{ mouseover: $root.SelectedText}" class="group ui-widget-content ui-corner-tr" >

---

以上代码将启用手风琴中的下一个元素。请记住，这只会启用下一个元素，您需要进行相当大的编辑才能在mouseout上禁用它。

您是否尝试过

事件

绑定？因此，使用

data bind=“attr:{'id'：'Text'+TextId}，事件：{mouseover:$root.SelectedText}”