首页 > 解决方案 > 如何绑定仅在另一个按钮单击时呈现的 td 事件?

问题描述

我需要为 td 添加一个悬停侦听器,该侦听器仅在单击按钮时才会呈现。

<div class="ui-fileupload-content ui-widget-content ui-corner-bottom">
    <table class="ui-fileupload-files">
        <tbody>
            <tr>
                <td class="ui-fileupload-preview"></td>
                <td>Sample File.xlsx</td><td>42.4 KB</td>
                <td class="ui-fileupload-progress">
                    <div class="ui-progressbar ui-widget ui-widget-content ui-corner-all" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0">
                        <div class="ui-progressbar-value ui-widget-header ui-corner-left" style="display: none; width: 0%;"></div>
                    </div>
                </td>
            </tr>
        </tbody>
    </table>
</div>

在这里,我只需要为 Sample File.xlsx42.4 KB 这个 td 添加悬停。

标签: jqueryprimefaces

解决方案


I have add the bind the hover event on the button click 

$(".importFileUpload .ui-fileupload-content .ui-fileupload-files tr td:nth-child(2)").hover((function(){
                    console.log("On hover");
                }),(function(){
                    console.log("on mouse out");
                }));

推荐阅读