Событие при наведении курсора не произойдет в Firefox

Question

Событие при наведении курсора не произойдет в Firefox

0

В следующем коде показано отключенное текстовое поле, завернутое в div с прикрепленной к нему подсказкой jQuery UI. Всплывающая подсказка jQuery будет корректно отображаться в браузере Chrome, Safari и IE при зависании текстового поля (или, точнее, текстового поля, охватываемого div), но не в Firefox (28.0). Может ли кто-нибудь объяснить это поведение и предложить исправление? Я знаю, что это событие обычно не запускается с отключенными элементами, поэтому он привязан к обертке div.

HTML:

foo
<div id="container" title="Tooltip test" 
     style="background: green; display: inline; position: relative; z-index: 10">
<input id="box" type="textbox" disabled="disabled" value="baz" 
       style="position: relative; z-index: 1"></input>
</div>
bar

JavaScript:

$("#container").tooltip();

Вот jsfiddler

dmb 17 апр. 2014, в 09:37

Источник

0

Вместо ответа, как насчет того, чтобы я перенаправил вас на one- stackoverflow.com/questions/3100319/event-on-a-disabled-input?
Ashutosh 17 апр. 2014, в 07:53
0

Надеюсь, это решит вашу проблему.
Ashutosh 17 апр. 2014, в 07:53

Теги:

javascript

jquery

html

css

firefox

3 ответа

3

Я нашел трюк. вы можете использовать display:inline-block; и background:transparent; и добавьте трюк, который является padding:2px; к #container. и он будет работать так, как вы хотите;)

http://jsfiddle.net/banded_krait/TAD2w/33/

interstellarDust 17 апр. 2014, в 05:10

0

Решение:

введите примерно: config в адресной строке firefox и нажмите enter для поиска ниже опции browser.chrome.toolbar_tips и переключите его. Перейдите в "about: config" и переключите "browser.chrome.toolbar_tips" на "true".

Рахул

rahul 17 апр. 2014, в 05:39

Ещё вопросы

Вместо ответа, как насчет того, чтобы я перенаправил вас на one- stackoverflow.com/questions/3100319/event-on-a-disabled-input?
Надеюсь, это решит вашу проблему.

David · Accepted Answer · 2014-04-17T06-56-00.000Z

Вы правы, отключенные элементы не запускают события мыши jQuery, и из-за этого ваша всплывающая подсказка все еще не срабатывает.

Если вы наведите указатель мыши на маленькую зеленую ленту справа от текстового поля, она срабатывает. Одним из решений этого является перемещение текстового поля за контейнером onDisabled.

input[disabled]
{
    z-index: -1;
}

Очевидно, что это ограничение фона должно быть прозрачным, если вы хотите все еще видеть элемент, однако он работает в firefox.

Событие при наведении курсора не произойдет в Firefox

3 ответа

JSFiddle

Ещё вопросы