我想在javascript中添加html标记
这里我得到了这个jquery滑动侧菜单插件,我想在javascript代码中添加span glyphicon,但它变成了字符串,有人能帮我吗 这是插件代码,完全是javascript,所以很难编辑它我想在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
<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对象,或将其放入对象中,或将其转换为变量,具体放置位置在哪里?