Как включить маркер элемента в горячую точку для события jover (jover) jQuery?

jQuery(".my_container").hover(function(){ //do code }, function(){ //do code }); .my_container { width: 100px; height: 100px; margin: 50px; } 

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

Возможно, используйте второй элемент-обертку с дополнением к внешнему элементу и существующим стилем фона и стилей на внутреннем элементе:

 
 jQuery(".my_container").hover(function(){ //do code }, function(){ //do code }); 
 .my_container { padding: 50px; } .my_container_inner { width: 100px; height: 100px; /* etc. */ } 

Вместо этого вы можете использовать прозрачную границу 50px – маржа на самом деле не должна быть пригодной для использования …

Включить псевдоэлемент , например

 .my_container:before { content:''; position:absolute; top:-50px; bottom:-50px; left:-50px; right:-50px; } направо .my_container:before { content:''; position:absolute; top:-50px; bottom:-50px; left:-50px; right:-50px; } 

Это добавляет дополнительный 50px к кликируемой области существующего элемента.

Если вы хотите добавить это только на устройства с сенсорным экраном, вы можете сделать это:

 .touchevents .my_container:before { ... } 

Для этого требуется что-то вроде Modernizer для вставки соответствующего classа CSS на основе функций.

Измените маржу на отступы, и она будет зависящей.