Question

我有一张如下所示的表格，

<table class="table" style="border:2px solid black; width:100%">
<tr>
    <th><h4>New Request</h4></th>
    <th><h4>Existing Request</h4></th>
</tr>
    <tr>
        <td class="colorhover" style="border-right:2px solid lightgrey; width:1%;">
            @{Html.RenderPartial("~/Views/Shared/_NewRequest.cshtml", Model);}
        </td>
        <td class="colorhover" style="width:1%;">
            @{Html.RenderPartial("~/Views/Shared/_ExistingRequest.cshtml", Model);}
        </td>
    </tr>

当桌面在颜色上盘旋时，背景为绿色。使用：

$(".colorhover").hover(
//hover
function () {
    $(this).css("background", "#CEF6CE");
},
//dehover
function () {
    $(this).css("background", "");
})

当任一列悬停在上面时，光标将放置在任一列的顶部文本输入中。使用：

$("#newrequesthover").hover(function () {
    $("#imei").focus();
    $("#filtername").blur();
});

$("#existingrequesthover").hover(function () {
    $("#imei").blur();
    $("#filtername").focus();
});

这很好用，我的问题是当我点击新请求局部视图中的一个选择下拉列表时。我的光标移到顶部文本输入，选择下拉菜单立即关闭，

那么当我将鼠标悬停在选区上时如何防止这种情况？

Answer 1

我认为您需要停止事件传播。只需添加

event.stopPropagation();

到select事件。您还需要确保首先触发select事件，即首先在脚本中定义该事件。

JQuery：代码片段'悬停'上的冲突

1 个答案: