{"id":218,"date":"2011-10-06T17:47:25","date_gmt":"2011-10-06T20:47:25","guid":{"rendered":"https:\/\/felipeelia.com.br\/?p=218"},"modified":"2011-10-06T17:50:20","modified_gmt":"2011-10-06T20:50:20","slug":"erro-jquery-mouseenter-is-not-a-function-no-drupal","status":"publish","type":"post","link":"https:\/\/felipeelia.com.br\/erro-jquery-mouseenter-is-not-a-function-no-drupal\/","title":{"rendered":"Erro “jQuery mouseenter is not a function” no Drupal"},"content":{"rendered":"
Se voc\u00ea chegou aqui com esse problema est\u00e1 querendo logo a solu\u00e7\u00e3o, sem enrola\u00e7\u00e3o. Substitua o <\/p>\n
$('seletor_aqui').mouseenter(function() {})<\/code><\/pre>\npor<\/p>\n
$('seletor_aqui').bind('mouseenter', function() {})<\/code><\/pre>\nA solu\u00e7\u00e3o tamb\u00e9m vale para a fun\u00e7\u00e3o mouseleave.<\/p>\n
O que n\u00e3o funciona<\/h2>\n
Substituir o mouseenter por mouseover ou o mouseleave por mouseout n\u00e3o funciona<\/strong>, pois as fun\u00e7\u00f5es tem comportamento semelhantes, mas n\u00e3o id\u00eanticos. A mouseleave n\u00e3o \u00e9 chamada se voc\u00ea passar o mouse sobre um elemento filho, mas a mouseout sim. <\/p>\nExemplo<\/h3>\n
Uma div A e dentro dela uma div B. S\u00e3o associadas \u00e0 div A as quatro fun\u00e7\u00f5es (mouseenter, mouseover, mouseleave e mouseout).<\/p>\n
Se voc\u00ea entrar na div A s\u00e3o disparados os dois eventos, mouseenter e mouseover. A diferen\u00e7a est\u00e1 quando voc\u00ea passa o mouse sobre a div B: a mouseleave n\u00e3o \u00e9 disparada, enquanto a mouseout sim, porque teoricamente voc\u00ea est\u00e1 saindo da div A para entrar na B. Voltando com o mouse da div B para a div A \u00e9 disparado o mouseover mas n\u00e3o \u00e9 disparado o mouseenter. Saindo da div A s\u00e3o disparados o mouseleave e o mouseout.<\/p>\n
Deu pra entender?<\/p>\n","protected":false},"excerpt":{"rendered":"
Solu\u00e7\u00e3o Se voc\u00ea chegou aqui com esse problema est\u00e1 querendo logo a solu\u00e7\u00e3o, sem enrola\u00e7\u00e3o. Substitua o $(‘seletor_aqui’).mouseenter(function() {}) por $(‘seletor_aqui’).bind(‘mouseenter’, function() {}) A solu\u00e7\u00e3o tamb\u00e9m vale para a fun\u00e7\u00e3o mouseleave.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[42,9],"tags":[],"yoast_head":"\n
Erro "jQuery mouseenter is not a function" no Drupal | Felipe Elia<\/title>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\t\n\t\n\t\n\n\n\n\n\n\t\n\t\n\t\n