Domanda

Im appena iniziato a giocare con e imparare YUI3 Tuttavia, anche i miei primissimi esperimenti stanno fallendo. Ive ha fatto un semplice primo script tuttavia gli errori di pagina sul carico subito in Firebug con 'B.Lang è indefinito' YUI-min.js linea 7. Chiunque ha ottenuto tutte le idee?

<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>
È stato utile?

Soluzione

È necessario () dopo YUI:

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

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

Si potrebbe mettere un oggetto di configurazione in là in seguito, se si vuole il controllo su vari aspetti, come la regolazione callback di eventi, ad esempio:

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"); 
    });
});
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top