1

機能検出を使用して、無効な入力要素のタイトル属性をエミュレートする必要があるかどうかを調べるにはどうすればよいでしょうか。

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 に答える