jQuery UI可拖动不能在Firefox中使用“error draggable（）不是一个函数”

这是可笑的，它适用于所有浏览器，但Firefox。我试过IE6.0，Opera，Safari，一切正常。但Firefox提示如下错误：jQuery UI可拖动不能在Firefox中使用“error draggable（）不是一个函数”

$("#draggable").draggable is not a function.

这里是我的代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>jQuery UI Draggable - Default functionality</title> 
<link rel="stylesheet" href="/js/ui/1.8.5/themes/base/jquery.ui.all.css"/> 
<script type="text/javascript" src="/js/ui/1.8/js/jquery-1.4.2.min.js"></script> 
<script type="text/jscript" src="/js/ui/1.8/ui/jquery.ui.core.js"></script> 
<script type="text/jscript" src="/js/ui/1.8/ui/jquery.ui.widget.js"></script> 
<script type="text/jscript" src="/js/ui/1.8/ui/jquery.ui.mouse.js"></script> 
<script type="text/jscript" src="/js/ui/1.8/ui/jquery.ui.draggable.js"></script> 

<style type="text/css"> 
    #draggable { width: 150px; height: 150px; padding: 0.5em;} 
</style> 

<script type="text/javascript"> 
$(function() { 
    $("#draggable").draggable(); 
}); 
</script> 
</head> 

<body> 
<div class="demo"> 
    <div id="draggable" class="ui-widget-content"> 
    <p>Drag me around</p> 
</div> 
</div> 
</body> 
</html>

来源

2010-09-25 chunlu

的内容类型应该是text/javascript，您目前有text/jscript为jQuery UI的文件，像这样：

<script type="text/javascript" src="/js/ui/1.8/ui/jquery.ui.core.js"></script> 
<script type="text/javascript" src="/js/ui/1.8/ui/jquery.ui.widget.js"></script> 
<script type="text/javascript" src="/js/ui/1.8/ui/jquery.ui.mouse.js"></script> 
<script type="text/javascript" src="/js/ui/1.8/ui/jquery.ui.draggable.js"></script>

或者在一个文件中包含CDN中的整个jQuery UI库，例如：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js"></script>

jscript是专门针对IE浏览器，但其他浏览器可能会或可能不会容忍它，并把它作为一个JavaScript的内容类型，它的工作无处不在坚持text/javascript。

来源

2010-09-25 03:04:21

感谢数千次。它现在有效。这是一个错字，但长期困扰着我。再次感谢。 – chunlu 2010-09-26 03:23:41

jQuery UI可拖动不能在Firefox中使用“error draggable（）不是一个函数”

回答

相关问题