Hello connected world!

 

In this example we use the embedded connector html.string.

The html.string connector is used when you already have your content ready.

 

(function($){    
    // keep a reference to Kaiten's container    
    $K = $('#container');    
    // initialize Kaiten    
    $K.kaiten({ startup : function(){
        // create a new panel with some HTML content, by using the "html.string" connector    
        var html = '<div class="block"><h1>Hello world!</h1></div>';    
        this.kaiten('load', { kConnector:"html.string", html : html, title:"Hello world example" });    
    }});    
})(jQuery);