The following jQueryUI code works in Chrome, not in FireFox ?
$(".reachme").click(function(){
$("#reachme").animate({right:'250px'}, 2000, 'easeInOutBounce');
});
Siberian
13
Junior Poster
Recommended Answers
Jump to PostIt 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 PostYou need to pass the word 'event' into the function for firefox.
Jump to Postcan you create a fiddle that recreates the issue?
Jump to Posttry passing 'event'
All 14 Replies
JorgeM
958
Problem Solver
Team Colleague
Featured Poster
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>
Siberian
13
Junior Poster
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 ?
iamthwee
You need to pass the word 'event' into the function for firefox.
Siberian
13
Junior Poster
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)){
Siberian
13
Junior Poster
I've been searching for an answer, it appears it's quite common but solving it on case-by-case basis :(
stbuchok
can you create a fiddle that recreates the issue?
Siberian
13
Junior Poster
I posted a link to the page !
iamthwee
try passing 'event'
Siberian
13
Junior Poster
Sorry I don't understand !
iamthwee
Try passing the word 'event' instead of 'e'
and see what you get.
Siberian
13
Junior Poster
The word 'event' was used in the fucntion before changing it to 'e' as per request, neither works :(
Siberian
13
Junior Poster
ARghhh this is frustrating why it's not working in FireFox !
Siberian
13
Junior Poster
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 developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.