CODEWITHSUNDEEP
javascriptjqueryevents
Ripa Saha
Ripa Saha

Reputation: 2540

Is it possible to trigger mouseover on body load

I need to trigger mouseover event on body load. I have done the below code:-

<script type="text/javascript" src="jquery-1.9.1.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){

$("#outer").trigger("mouseover");

$( "#outer" ).mouseover(function() {
alert("rrrrr");
  $( "#log" ).append( "<div>Handler for .mouseover() called.</div>" );
});


});

</script>

<div id="outer">
  Outer
  <div id="inner">
    Inner
  </div>
</div>
<div id="other">
  Trigger the handler
</div>
<div id="log"></div>

But it's not working. Any help please?

Upvotes: 0

Views: 235

Answers (1)

Dean Meehan
Dean Meehan

Reputation: 2647

You are possibly triggering the code before the body is actually wrote to the page. I made up a JSFiddle and got it working putting the trigger after the function. Not sure why but it works.

$( "#outer" ).mouseover(function() {
alert("rrrrr");
  $( "#log" ).append( "<div>Handler for .mouseover() called.</div>" );
});

$("#outer").trigger("mouseover");

here is my JSFiddle

Upvotes: 1

Related Questions