CODEWITHSUNDEEP
jqueryjquery-ui
Philip Kirkbride
Philip Kirkbride

Reputation: 22879

jQuery UI not working on FireFox

jQuery Ui is working in Safari & Chrome but doesn't work at all in FireFox.

The code is too large to paste here so I have it located at the following URL...

http://opencalendars.com/alpha/v0.9/index.php (link has become broken over time & is no longer how it would have appeared when this question was asked.)

Upvotes: 0

Views: 7121

Answers (4)

Baz1nga
Baz1nga

Reputation: 15579

the issue is with http://code.jquery.com/jquery-latest.min.js see http://jsfiddle.net/BsG6q/7/ for error in FFX.. change it to 1.6.2 and see.

the source of the problem looks like this line of code:

$( "#tabs" ).tabs({ selected: $.getUrlVar('p'), cache: true, spinner: 'Retrieving data...',fx: { opacity: 'toggle' } }
).find( ".ui-tabs-nav" ).sortable({ axis: "x" });;

$.getUrlVar('p') is undefined!!

saw a bunch of js errors on your site in chrome

Uncaught TypeError: Object [object Object] has no method 'datetimepicker'
(anonymous function)scripts.js:27
f.extend._Deferred.e.resolveWithjquery-latest.min.js:16
f.e.extend.readyjquery-latest.min.js:16
f.c.addEventListener.B

and also this 

GET http://opencalendars.com/alpha/v0.9/ajax/cal.php 500 (Internal Server Error)

Upvotes: 1

Hogan
Hogan

Reputation: 70523

I was able to reproduce the problem using Fire Fox and the URL.

I saved the file locally in Chrome and looked at it in Fire Fox and it was fine.

I edit the local file to point to your web server and it broke.

Clearly the problem is how your server is serving the css files. Maybe they are not using UTF-8 -- maybe they are compressing and don't have the right headers? Something is wrong with how they server the files that Fire Fox can't handle.

Best bet to debug -- fiddler 2. Look at the content and the headers and see if it looks different form CSS files that work.

Sadly I don't have time to do that myself right now.

Original Ideas:

Try adding type="text/css" to the link statement and using a fully qualified path.

Also add a DOCTYPE element.

Upvotes: 0

Yasir
Yasir

Reputation: 3907

This is working here

http://jsfiddle.net/BsG6q/4/

Upvotes: 1

Erik A. Brandstadmoen
Erik A. Brandstadmoen

Reputation: 10588

Have you looked at you HTML? The DOCTYPE should be at the top...

<div class="dialog" title="Message"> 
    <p>Email [email protected] for details</p> 
</div>    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

That's not valid HTML...

Remove the div before the DOCTYPE, and Firefox should display it properly too, I'd guess...

:)

Upvotes: 0

Related Questions