2011-05-27 6 views
0

La fonction ne fonctionne pas lorsque j'utilise $(document).ready(function() { ..... }); mais cela fonctionne lorsque j'appelle. S'il vous plaît, jetez un oeil.js ne fonctionne pas correctement, pourquoi?

#test {height:25%,width:25% } 

<body> 
.... 
<div id="test"> 
    <image src="file.jpg" /> 
</div> 
... 
</div> </body> 

fichier js (ne fonctionne pas):

$(document).ready(function() { 
    $('#test').draggable(); 
}); 

js (travail lorsqu'une fonction est invoquée)

function startDrag() { // I just called this function from html files e.g. <div id="test" onmouseover="startDrag();">....</div> 
$('#test').draggable(); 
} 
+0

Il peut dépend de l'endroit où est votre code, alors essayez de le mettre au-dessus ou vers le bas votre code d'image . – gambozygame

+0

Comment votre fichier js est-il inclus? –

+0

@Gary:

Répondre

0

Je me demande si cela est quelque chose qui repose sur le document étant « chargé » par opposition à « prêt '

Est-ce que ce qui suit fonctionne?

$(window).load(function() { 
    $('#test').draggable(); 
} 

Aussi, essayez d'inclure votre fichier JS au pied de votre page (par exemple en dessous du #test html)

0

deux devrait fonctionner. Je suggère d'ouvrir le débogueur JavaScript et de définir un point d'arrêt pour voir quand et si le code est exécuté.

Vérifiez également la présence d'erreurs sur la console. Peut-être que c'est une faute de frappe quelque part,

+0

oui, vous avez raison. Je suppose que ce serait une faute de frappe parce que la même fonction fonctionne avec un autre ID div. –

0

Pouvez-vous essayer?

$(function() { 
    $('#test').draggable(); 
}); 

Il pourrait ne pas faire une différence, mais c'est la façon dont je suis habitué :)

Questions connexes