在鼠標懸停於禁用的下拉菜單上顯示工具提示

Question

 countLabel() == 0 ? $('#' + uniqueValueee + 'AndOrSelection').prop("disabled", true) : $('#' + uniqueValueee + 'AndOrSelection').prop("disabled", false);

使用上面的代碼，我可以禁用下拉列表的選擇。 我還想顯示一個工具提示，說明為什么禁用下拉列表。 為此，我在剃須刀下拉列表的@onmouseover = "showToolTip(this.id)"上編寫了一個函數。

function showToolTip(id)
{
    alert(id);
}

如果我在enabled其他下拉菜單上編寫代碼，則可以正常工作。 但是，當禁用下拉菜單時，js函數不會觸發。 再加上在脊索肌中，我也無法檢查元素。 請幫忙。

Answer 1

在剃刀視圖上嘗試一下。 我對其進行了測試，並且在兩種情況下（ddl已啟用和已禁用）都可以正常運行：

@Html.DropDownListFor(m => m.City, new SelectList(Model.Lookups.Where(x => x.LookupType == "City"),
    "LookupID", "LookupValue"), "---- Select ----", new { disabled= true, @Title= "Tooltip here" })

請注意以下屬性：

new { disabled= true, @Title= "Tooltip here" }

然后是啟用和禁用選項的結果：

希望這可以幫助...

Answer 2

通常，禁用HTML的元素不會促進任何JS事件（例如，懸停，單擊等）。出於您的目的，您將div疊加層具有較高的z-index ，使其充當了禁用區域。 然后，您可以在div本身上定義懸停事件。