1

我将如何使用特征检测来确定是否需要在禁用的输入元素上模拟 title 属性。

我知道 Firefox 声称并解释了规范，以便它按预期工作，但我仍然希望显示工具提示。

我唯一能想到的就是直接使用浏览器检测。

可以在此处查看该问题的示例http://jsfiddle.net/Raynos/xQyBR/

var con = $("#Con");

var b1 = $("<input>").attr({
    "id": "b1",
    "title": "Some Other Text",
    "type": "button",
    "value": "b1"  
}).appendTo(con);

con.append($("<br>"));

var b2 = $("<input>").attr({
    "id": "b2",
    "title": "Some text",
    "type": "button",
    "value": "b2",
    "disabled": true
}).appendTo(con);


var detected = $("input:disabled[title]");
console.log(detected);

使用 jQuery 是可以接受的。

4

2 回答 2

1

好吧，这个没有特征检测（afaik）。但是您可能希望使用透明的 div 覆盖来解决此问题。

示例：http: //jsfiddle.net/xQyBR/19/

插件示例：http: //jsfiddle.net/xQyBR/24/

这样，无论如何它都将是跨浏览器兼容的。

于 2011-01-04T15:03:14.813 回答
0

模拟标题的更好解决方案是仅使用 CSS。:after和的组合:hover允许您动态创建工具提示，并且不会中断使用input.disabled

http://jsfiddle.net/Raynos/cgYgR/

于 2011-01-06T11:05:15.217 回答