Skip to main content

Bug Tracker

Side navigation

#11536 closed bug (invalid)

Opened March 30, 2012 03:21PM UTC

Closed April 15, 2012 08:19AM UTC

bug on mouseenter, pls help :-)

Reported by: gabygaby Owned by: gabygaby
Priority: undecided Milestone: None
Component: unfiled Version: 1.7.1
Keywords: Cc:
Blocked by: Blocking:

Dear All,

Firstly many tks for allowing us to raise a ticket.

I'm blocked on the following issue and would highly appreciate any help from you

I'm working on an interactive world map. I've created the below functions which allow me to display a div (which contains some css like background-color and absolute positionning) with some text and links retrieved via AJAX from a XML file.

The issue I'm facing is that on mouseovering the mapped area on my image, the code rightly recongnizes the mapped zone of my image and displays my div with y xml info, however while mouseovering (or mouseenter) the div itself, it bugs and loops in between my display and remove div actions...

here's my code

pls let me know should you need more info

many many thanks in advance


JavaScript Document



1 jQuery AJAX function


function writeText(myId){


url: "xml/map.xml",

success: function(xml){


var $this = $(this),

id = $this.attr('id'),

text = $this.attr('text'),

url = $this.attr('url');

coords = {

x : $this.attr('x')+"px",

y : $this.attr('y')+"px"


$("#mapdet").css({"left":coords.x,"top":coords.y}).html('<a href="'+url+'" id="'+id+'_link">'+text+'</a>');





//2 Display info boxes on mouseOver

/* javascript old function

function createDiv(posL, posT, myIdp) {

create parent class

myId= myIdp;

var mapdet = document.createElement("div");

mapdet.setAttribute("id", myId);


link parent to document html


document.getElementById(myId).style.left = posL + "px";

document.getElementById(myId) = posT + "px";

call AJAX function declared before - at this point "myId" will be already created - to call a function, simplely call it as follows :-)


stop function before "destroyDiv" runs




function createDiv (myId) {

$("#container_map").append('<div id="mapdet" />');



BUG TO BE WORKED OUT! the system bugs while mouseovering le created div and

doesn't alow the user to click on the link


var $this = $(this);


"mouseenter": function(){

createDiv ($this.attr("id"));


"mouseleave": function(){






Attachments (0)
Change History (2)

Changed March 31, 2012 11:29PM UTC by sindresorhus comment:1

owner: → gabygaby
status: newpending

Thanks for taking the time to contribute to the jQuery project! Please provide a complete reduced test case on jsFiddle to help us assess your ticket.

Additionally, be sure to test against the jQuery Edge version to ensure the issue still exists. To get you started, use this boilerplate: Open the link and click to "Fork" (in the top menu) to get started.

Changed April 15, 2012 08:19AM UTC by trac-o-bot comment:2

resolution: → invalid
status: pendingclosed

Because we get so many tickets, we often need to return them to the initial reporter for more information. If that person does not reply within 14 days, the ticket will automatically be closed, and that has happened in this case. If you still are interested in pursuing this issue, feel free to add a comment with the requested information and we will be happy to reopen the ticket if it is still valid. Thanks!