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 : Sélectionner tout - Visualiser dans une fenêtre à part
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 : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
 
(function($)
{
    $.fn.moipascomprendre = function ()
    {
 
        $(this).html("c'est à devenir fou");
        return this;
    };
 
})(JQuery);