miniuijs拼接html没样式

JavaScript015

miniuijs拼接html没样式,第1张

var html = "

" +

" " +

" \n" +

" \n" +

" \n" +

" \n" +

"

"

$(this).before(html)

例1 样式

bootstrap checkbox和radio

页面上bootstrap 的样式没有生效

解决办法:

//渲染js拼接的radio,checkbox按钮

$('input[type=checkbox]').iCheck({

labelHover :false,

cursor :true,

checkboxClass :'icheckbox-blue',

increaseArea :'20%'})

//渲染js拼接的radio,checkbox按钮

$('input[type=radio]').iCheck({

labelHover :false,

cursor :true,

radioClass :'iradio-blue',

increaseArea :'20%'})

例2

点击事件

此点击事件无效

$(function() {

$(".fa-remove").click(function() {var tr = $(this).parent()

tr.remove()

})

})

原因:

因为append中的节点是在整个文档加载后才添加的,页面并不会为未来的元素初始化添加点击事件,所以使用这种方式动态添加的节点中的点击事件没有生效。

解决方案:

事件委托。给所有的类名为.div的元素添加点击事件,将指定事件绑定在document上,只要而新产生的元素符合指定的元素,就会绑定此事件 ,而且这种方法当页面需要为多个节点初始化事件的时候,就不需要一个个加onclick事件。

$(document).on("click", ".fa-remove", function() {var tr = $(this).parent()

tr.remove()

})

怎么在js中拼接字符串,变量,html

在JS中,使用单引号'和双引号"都是可以的,只要成对使用就行。有时单双引号混用,是因为拼接的字符串里还有双引号或单引号,为了减少使用转义符/的次数,所以一般会选用跟字符串里存在的引号不同的符号来将整个字串括起来

例如字串:

,现在定义一个变量x,如果用双引号的话,就必须这样定义:

var

x="

"

在其中必须使用转义符,如果用跟字串中的双引号不同的符号就方便多了,例如:

var

x='

'

另外,你说的拼接字串可以不用引号,是指使用format等方法,如果用+做为连接字串,必须使用引号的,format示例:

str.format("

{1}

",

变量1

,

变量2)

很简单

<script>

var html='<div data-value="属性值" data-width="属性值" style="width:200pxheight:300px"></div>'

document.write(html)

</script>如果还不懂,去看看虾米站长里面新手教程吧,或者你直接追问吧、