Question

jQuery Ui正在使用Safari＆amp; Chrome，但在FireFox中根本不起作用。

代码太大而无法粘贴到此处，因此我将其放在以下网址...

http://opencalendars.com/alpha/v0.9/index.php （链接已经随着时间的推移而破坏，并且不再是在询问此问题时它会如何出现。）

Answer 1

这是在这里工作

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

Answer 2

问题出在http://code.jquery.com/jquery-latest.min.js，请参阅http://jsfiddle.net/BsG6q/7/了解FFX中的错误。将其更改为1.6.2并查看。

问题的根源看起来像这行代码：

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

$。getUrlVar（'p'）未定义!!

在Chrome网站上看到了一堆js错误

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

还有这个

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

Answer 3

我能够使用Fire Fox和URL重现问题。

我在Chrome中本地保存了文件，并在Fire Fox中查看了它，它很好。

我编辑本地文件以指向您的Web服务器并且它已损坏。

显然，问题是您的服务器如何提供css文件。也许他们没有使用UTF-8 - 也许他们正在压缩并且没有正确的标题？他们如何为Fire Fox无法处理的文件提供服务有些问题。

最好的选择调试 - fiddler 2.查看内容和标题，看看它是否与可用的CSS文件不同。

可悲的是，我现在没有时间自己这样做。

原创想法：

尝试将type="text/css"添加到link语句并使用完全限定的路径。

还要添加DOCTYPE元素。

Answer 4

你看过HTML了吗？ DOCTYPE应位于顶部...

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

这不是有效的HTML ...

在DOCTYPE之前删除div，Firefox也应该正确显示它，我猜......

：）

jQuery UI无法在FireFox上运行

4 个答案: