jQuery UI draggable ne fonctionne pas dans Firefox avec "erreur draggable() n'est pas une fonction"

Il est vraiment étrange que le draggable fonctionne dans tous les navigateurs, mais Firefox. J'ai essayé dans IE6.0, Opera, Safari, tout va bien. Mais Firefox a poussé ci-dessous erreur:jQuery UI draggable ne fonctionne pas dans Firefox avec "erreur draggable() n'est pas une fonction"

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

Voici mon code:

<!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>

Source

2010-09-25 chunlu

Les types de contenu devraient être text/javascript, vous avez actuellement text/jscript pour les fichiers jQuery UI, comme ceci:

<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>

Ou incluez la bibliothèque jQuery UI entière du CDN dans un fichier, par exemple:

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

jscriptjscript est spécifiquement pour IE, mais d'autres navigateurs peuvent ou ne peuvent pas le tolérer et le traiter comme un type de contenu JavaScript, pour qu'il fonctionne partout coller avec text/javascript.

Source

2010-09-25 03:04:21

Merci des milliers de fois. Ça fonctionne maintenant. C'est une faute de frappe mais ça me dérange depuis longtemps. Merci encore. – chunlu

jQuery UI draggable ne fonctionne pas dans Firefox avec "erreur draggable() n'est pas une fonction"

Répondre

Questions connexes