при наведении курсора на стрельбу между столами - PullRequest
4 голосов
/ 17 ноября 2011

Я заметил странное поведение в Chrome 15 и Safari в отношении событий jquery hover на табличной клавиатуре.

В результате Chrome запускает событие включения / выключения, когда я перемещаю мышь из одной ячейки вследующий (пока в том же ряду).Поскольку указатель мыши прикреплен к строке таблицы, я ожидаю, что события вкл / выкл будут срабатывать только при перемещении вкл / выкл строки.

Пожалуйста, смотрите мой JSFiddle .

В этом примере переместите указатель мыши в точку, где заканчивается одна ячейка и начинается другая (где меняются цвета).

Кажется, что события корректно генерируются в IE и Firefox, но не в Safari и Chrome.Может быть, это ошибка в webkit?

1 Ответ

2 голосов
/ 22 ноября 2011

Я определенно думаю, что это проблема с webkit (имеет смысл, поскольку это и chrome, и safari).

Я думаю, что у меня есть возможность обойти, но есть некоторые эффекты:

Измените CSS для td:

td {
    background-color: #e0dffe;
    border: none;
    padding: 10px;
    position:relative;
    left:-1px;
}

Это дает эффект толкания каждого элемента td на 1 пиксель, удаляя лишние 1 пиксель, которые, кажется, вставляет веб-набор.Как вы увидите, это вызывает проблемы на ваших границах, поэтому вам нужно будет поиграться с вашими td: first-child, td: last-child css, чтобы получить то, что вы хотите во всех браузерах.Я не вижу простого ответа.

...