Question

Im juste commencé à jouer avec et apprendre YUI3 mais même mes expériences très premières ont échoué. Ive a fait un premier script très simple mais les erreurs de page sur la charge tout de suite en Firebug avec 'B.Lang est non défini Yui-min.js ligne 7. Tout le monde a des idées?

<html>
<head>
    <script src="http://yui.yahooapis.com/3.4.1/build/yui/yui-min.js"></script>
    <title>Untitled 2</title>
    <style>
        #container{
            width: 200px;
            height: 40px;
            padding: 5px;
            text-align: center;
            border: 1px solid #ccc;
            background-color: #ccc;   
        }
    </style>
    <script>

    YUI.use('node', function(Y){

        Y.one("#container").on('click', function(){
            alert("hello world"); 
        });
    })

    </script>
</head>

<body>

<div id="container">CLICK</div>

</body>
</html>
Était-ce utile?

La solution

Vous avez besoin () après YUI:

YUI().use('node', function(Y){

    Y.one("#container").on('click', function(){
        alert("hello world"); 
    });
});

Vous mettriez un objet config là plus tard si vous voulez un contrôle sur divers aspects, comme la mise en callbacks événement, par exemple:

YUI({
    combine: true,
    insertBefore: 'insertScriptsBefore',
    onProgress: function(o) {
        //
    },
    onFailure: function(o) {
        //
    },
    onTimeout: function(o) {
        //
    }
}).use('node', function(Y){

    Y.one("#container").on('click', function(){
        alert("hello world"); 
    });
});
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top