The following jQueryUI code works in Chrome, not in FireFox ?

  $(".reachme").click(function(){
    $("#reachme").animate({right:'250px'}, 2000, 'easeInOutBounce');
  });

Recommended Answers

It really helps if you provide your posts with more relevant information. For example, where is the relevant HTML code for this?

Here is a working example and tested both using Chrome and Firefox. Works fine.

<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<style>
#reachme { …
Jump to Post

can you create a fiddle that recreates the issue?

Jump to Post

try passing 'event'

Jump to Post

All 14 Replies

It really helps if you provide your posts with more relevant information. For example, where is the relevant HTML code for this?

Here is a working example and tested both using Chrome and Firefox. Works fine.

<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<style>
#reachme {
  background:red;
  height:100px;
  width:100px;
  position:absolute;
  top:0px;
  left:0px
}

.reachme {
  position:absolute;
  top:100px;
  left:0px
}
</style>
</head>

<body>

<div id="reachme"></div>
<button class="reachme">Animate</button>

<script> 
  $(".reachme").click(function(){
    $("#reachme").animate({left:'250px'}, 2000, 'easeInOutBounce');
  });
</script> 

</body>
</html>

My HTML/CSS validates, which is why I didn't post !
I have jQuery1.110.min & jqueryUI1.10.4.custom in the head of the page. I have the code after the DOM loads, but the script doesn't load in firefox ?

This is the following code I put in the script, it's still not working in firefox, that is the path you mean to follow ?

$("").click(function(**event**(or e)){

I've been searching for an answer, it appears it's quite common but solving it on case-by-case basis :(

Member Avatar

can you create a fiddle that recreates the issue?

Here is a link to the pre-page so to speak :) Click on the word Reach.me and compare with Chrome and FireFox it's fairly obvious, Chrome a black box will bounce in and with FireFox, nothing will happen.

I posted a link to the page !

try passing 'event'

Sorry I don't understand !

Try passing the word 'event' instead of 'e'

and see what you get.

The word 'event' was used in the fucntion before changing it to 'e' as per request, neither works :(

ARghhh this is frustrating why it's not working in FireFox !

I can't believe I didn't see the error for a week, #$%#$% pisses me off.

Syntax Error !

Be a part of the DaniWeb community

We're a friendly, industry-focused community of 1.21 million developers, IT pros, digital marketers, and technology enthusiasts learning and sharing knowledge.