Причудливость обнаружения Firefox с атрибутами заголовка, не отображаемыми на отключенных элементах

Question

Как мне использовать обнаружение функций, чтобы выяснить, нужно ли мне эмулировать атрибут 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 допустимо.

Answer 1

Ну, для этого нет функции обнаружения (afaik).Но вы можете решить эту проблему с прозрачным наложением div.

Пример: http://jsfiddle.net/xQyBR/19/

Пример с плагином: http://jsfiddle.net/xQyBR/24/

Таким образомв любом случае быть совместимым с браузерами.

Answer 2

Лучшим решением для эмуляции заголовков было бы использование только CSS.Комбинация :after и :hover позволяет создавать всплывающие подсказки на лету и не нарушает использование input.disabled

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