"closure" (JQuery) vs ($)
Bonjour à tous,
Je tente d'ecrire un plug-in JQuery et j'ai une erreur de type :
Uncaught ReferenceError: JQuery is not defined lorsque j'utilise (JQuery) comme closure,
par contre je n'ai pas cette erreur et le code s'execute si j'utilise ($) ..
J'ai essayer en incluant différentes version de jquery (de 1.7.x à 1.11.x).
En incluant les fichiers js, dans le head / body en changeant les $(function()[..], $(window).load[..], etc..
Je deviens fou ^^
Si quelqu'un peut me dire pourquoi, je suis preneur.
Merci beaucoup !
Voici mon code:
Html :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24
|
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>...</title>
</head>
<body>
<div id="test"></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" src="./migraine.js"></script>
<script type="text/javascript">
$(window).ready(function () {
$('#test').html('plip');
$('#test').moipascomprendre();
$('#test').html('plop');
});
</script>
</body>
</html> |
Plugin (migraine.js) :
Code:
1 2 3 4 5 6 7 8 9 10 11
|
(function($)
{
$.fn.moipascomprendre = function ()
{
$(this).html("c'est à devenir fou");
return this;
};
})(JQuery); |