简单按钮/从已有 html 生成按钮

Class

简单按钮/从已有 html 生成按钮

初始化按钮

KISSY.use("button", function(S, Button) {
    // 生成一个按钮
    var b = new Button({
        content: "我是类Google按钮1",
        render: "#button_container",
        tooltip: "点击我有惊喜~"
    });
    
    // 插入到DOM中并显示
    b.render();

    // 绑定事件
    b.on("click", function() {
        alert(this.get('content'));
    });

    // 新建一个button插入到某个指定元素之前
    var b1 = new Button({
        content: "我是类Google按钮2",
        elBefore: "#exist",
        tooltip: "点击我有惊喜~"
    });

    // 插入到DOM中并显示
    b1.render();
    b1.on("click", function() {
        alert(this.get('content'));
    });

    // 从已有DOM中生成一个按钮
    var exist = new Button({
        srcNode:"#exist",
        tooltip: "点击我有惊喜~"
    });
    exist.render();
    exist.on("click", function() {
        alert(this.get('content'));
    });
});