Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
我想在javascript中添加html标记_Javascript_Jquery_Html - Fatal编程技术网

我想在javascript中添加html标记

我想在javascript中添加html标记,javascript,jquery,html,Javascript,Jquery,Html,这里我得到了这个jquery滑动侧菜单插件,我想在javascript代码中添加span glyphicon,但它变成了字符串,有人能帮我吗 这是插件代码,完全是javascript,所以很难编辑它 <script type="text/javascript"> // Creating the master menu (SideMenu) sideMenu = new SideMenu([ new SMLabelItem("The First Item

这里我得到了这个jquery滑动侧菜单插件,我想在javascript代码中添加span glyphicon,但它变成了字符串,有人能帮我吗

这是插件代码,完全是javascript,所以很难编辑它

<script type="text/javascript">
    // Creating the master menu (SideMenu)
    sideMenu = new SideMenu([
        new SMLabelItem("The First Item Added!")
    ], {
        overlay: true
    });


    // Adding items with events ("Share")
    sideMenu.addItem(new SMSubMenuItem("Share", [
        new SMButtonItem("Facebook", function() {
            window.open('http://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent(location));
        }, "fb"),
        new SMButtonItem("Twitter", function() {
            window.open('https://twitter.com/intent/tweet?text=SideMenu.js&url=' + encodeURIComponent(location));
        }, "tw"),
        new SMButtonItem("Google+", function() {
            window.open('https://plus.google.com/share?hl=es-419&url=' + encodeURIComponent(location));
        }, "gp"),
        new SMButtonItem("Pinterest", function() {
            alert("Pinterest Share");
        }, "pin")
    ]));



    // Adding mix items ("Animals")
    sideMenu.addItem(new SMSubMenuItem("Animals", [
        new SMLinkItem("Bunny", "https://www.google.com.pe/?#q=Bunny"),
        new SMLinkItem("Tiger", "https://www.google.com.pe/?#q=Tiger"),
        new SMLinkItem("Dog", "https://www.google.com.pe/?#q=Dog"),
        new SMLinkItem("Cat", "https://www.google.com.pe/?#q=Cat", "_blank"),
        new SMSubMenuItem("Birds", [
            new SMLinkItem("Eagle", "https://www.google.com.pe/?#q=eagle"),
            new SMLabelItem("Hawk"),
            new SMLabelItem("Tucan"),
            new SMButtonItem("Parrot", function() {
                alert("Hello World!");
            }),
            new SMLabelItem("Chicken"),
            new SMLabelItem("Duck")
        ]),
        new SMLabelItem("Pig"),
        new SMLinkItem("Crocodile", "https://www.google.com.pe/?#q=Crocodile")
    ]));


    // Adding simple label items
    sideMenu.addItem(new SMSubMenuItem("Continents", [
        new SMLinkItem("Europe","https://www.google.com.pe/?#q=Crocodile"),
        new SMLabelItem("Asia"),
        new SMLabelItem("Africa"),
        new SMSubMenuItem("North America", [
            new SMLabelItem("Canada"),
            new SMLabelItem("Mexico"),
            new SMLabelItem("United States")
        ]),
        new SMLabelItem("Center America"),
        new SMSubMenuItem("South America", [
            new SMLabelItem("Argentina"),
            new SMLabelItem("Bolivia"),
            new SMLabelItem("Brasil"),
            new SMLabelItem("Colombia"),
            new SMLabelItem("Chile"),
            new SMLabelItem("Ecuador"),
            new SMLabelItem("Paraguay"),
            new SMSubMenuItem("Perú", [
                new SMLabelItem("Lima"),
                new SMLabelItem("Trujillo"),
                new SMLabelItem("Loreto"),
                new SMLabelItem("Cuzco"),
                new SMLabelItem("Puno"),
                new SMLabelItem("Cajamarca"),
                new SMLabelItem("etc..")
            ]),
            new SMLabelItem("Uruguay")
        ]),
        new SMLabelItem("Oceanía"),
        new SMLabelItem("Antartida")
    ]));


    // Adding new item
    sideMenu.addItem(
        new SMButtonItem("Download File", function() {
            alert("Go Download File!");
        })
    );



    // Adding new item
    sideMenu.addItem(
        new SMButtonItem("Close", function() {
            sideMenu.close();
        })
    );



    // CUSTOM ITEM
    // This is a custom item example
    // all created custom items extend from SMItem Class.

    SMUserAccountItem = (function(name, src) {
        SMItem.call(this); // Call SMItem constructor
        // this._el is jQuery item object that works how wrapper
        $(this.el).addClass('sm-item-useraccount')
            .append(
                this.photo = $('<img/>')
                .addClass('sm-useraccount-photo')
                .attr({
                    src: src
                }).get(0)
            )
            .append(
                this.name = $('<div/>')
                .addClass('sm-useraccount-name')
                .text(name).get(0)
            );
    });



    // Finally add SideMenu object to DOM tree target.
    $(function() {
        sideMenu.appendTo(document.getElementById('menu'));
    });
</script>
<body>
<div id="menu" class="sm-main"></div>
</body>

//创建主菜单(侧菜单)
侧菜单=新侧菜单([
新的SMLabelItem(“添加的第一项!”)
], {
覆盖:对
});
//添加带有事件的项目(“共享”)
sideMenu.addItem(新的SMSubMenu项(“共享”)[
新的SMButtonim(“Facebook”,函数(){
打开窗户http://www.facebook.com/sharer/sharer.php?u=“+编码元件(位置));
},“fb”),
新的SMButtonim(“Twitter”,function()){
打开窗户https://twitter.com/intent/tweet?text=SideMenu.js&url=“+编码元件(位置));
},“tw”),
新的SMButtonim(“Google+”,function(){
打开窗户https://plus.google.com/share?hl=es-419&url='+encodeURIComponent(位置));
},“gp”),
新的SMButtonim(“Pinterest”,function()){
警报(“Pinterest股份”);
}“别针”)
]));
//添加混合项目(“动物”)
sideMenu.addItem(新的SMSubMenu项目(“动物”)[
新的SMLinkItem(“兔子”https://www.google.com.pe/?#q=Bunny"),
新的SMLinkItem(“老虎”https://www.google.com.pe/?#q=Tiger"),
新的SMLinkItem(“Dog”https://www.google.com.pe/?#q=Dog"),
新的SMLinkItem(“目录”https://www.google.com.pe/?#q=Cat“,”空白“),
新增子菜单项(“鸟类”[
新的SMLinkItem(“鹰”https://www.google.com.pe/?#q=eagle"),
新SMLabelItem(“鹰”),
新SMLabelItem(“Tucan”),
新的SMButtonim(“鹦鹉”,函数(){
警报(“你好,世界!”);
}),
新SMLabelItem(“鸡肉”),
新SMLabelItem(“鸭”)
]),
新SMLabelItem(“清管器”),
新的SMLinkItem(“鳄鱼”https://www.google.com.pe/?#q=Crocodile")
]));
//添加简单标签项
sideMenu.addItem(新的SMSubnumItem(“大陆”)[
新的SMLinkItem(“欧洲”)https://www.google.com.pe/?#q=Crocodile"),
新SMLabelItem(“亚洲”),
新SMLabelItem(“非洲”),
新的子菜单项(“北美”[
新SMLabelItem(“加拿大”),
新墨西哥州(“墨西哥”),
新SMLabelItem(“美国”)
]),
新SMLabelItem(“中美洲”),
新的子菜单项(“南美洲”[
新SMLabelItem(“阿根廷”),
新SMLabelItem(“玻利维亚”),
新SMLabelItem(“巴西”),
新SMLabelItem(“哥伦比亚”),
新SMLabelItem(“智利”),
新SMLabelItem(“厄瓜多尔”),
新SMLabelItem(“巴拉圭”),
新的子菜单项(“Perú”[
新SMLabelItem(“利马”),
新SMLabelItem(“Trujillo”),
新SMLabelItem(“Loreto”),
新SMLabelItem(“Cuzco”),
新SMLabelItem(“Puno”),
新SMLabelItem(“Cajamarca”),
新SMLabelItem(“等”)
]),
新SMLabelItem(“乌拉圭”)
]),
新SMLabelItem(“海洋”),
新SMLabelItem(“Antartida”)
]));
//添加新项目
sideMenu.addItem(
新的SMButtonim(“下载文件”,函数(){
警报(“下载文件!”);
})
);
//添加新项目
sideMenu.addItem(
新的SMButtonim(“关闭”,函数(){
sideMenu.close();
})
);
//自定义项
//这是一个自定义项示例
//所有创建的自定义项都从SMItem类扩展。
SMUserAccountItem=(函数(名称,src){
调用(this);//调用SMItem构造函数
//这是一个jQuery项对象,它是如何工作的
$(this.el).addClass('sm-item-useraccount')
.附加(
this.photo=$('')
.addClass('sm-useraccount-name')
.text(名称).get(0)
);
});
//最后,将侧菜单对象添加到DOM树目标中。
$(函数(){
sideMenu.appendTo(document.getElementById('menu'));
});

试试这个,希望对你有用

$('<button />', {
$(“”{
类:“btn btn默认值”, 键入:“按钮”, id:'test1', html:'
});

等等,我还是很困惑,我把它放在哪里了?很抱歉,我在你的javascript文件中还是一个新的javascript或jQuery。是的,很明显,但具体来说,在哪里?我是否必须创建smlabel对象,或将其放入对象中,或将其转换为变量,具体放置位置在哪里?