本文介绍了用append()附加大块html的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我尝试使用jquery的append()追加大块文本。 $('#add_contact_btn')。click(function(event){
event.preventDefault();
var large ='< div class =accordian_container>< a href =#class =accordian_trigger>< h4&co4借助信息< / h4>< / a>< hr />< div class =accordian_itemid =accord_item_2>< label>名字< / label>< br />< input type =text/> < br>< label>中间名< / label>< br />
< input type =text/>< br />
<标签>姓氏< / label>< br />
< input type =text/>< br />
< label>首页号码< / label>< ;
< input>" text>< br>
< label>工作编号< / label>< br />
< input type =text/>< br>
< label>单元编号< / label>< br />
< input type =text /><峰; br>
< / div>
< / div>';
$('#accordion_container')。append(large);
});
它看起来并不工作,并且在查看append()的文档后,我可以不知道为什么 - 有什么想法?是否有大量的HTML我试图追加?
解决方案
删除换行符。
var large ='< div class =accordian_container>< a href =#class =accordian_trigger>< h4>协同借贷信息< / h4>< / a>< hr />< div class =accordian_itemid =accord_item_2>< label> < br>< br />< input type =text/>< br />< label> Middle Name< / label>< br />< input type = text/>< br>>< label> Last Name< / label>< br />< input type =text/>< br />< label> < / label>< br />< / type =text/>< br>< label>工作编号< / label>< br />< input type = >< br>< label>< />< label>< / div>< / div>< / div>< / div><
$('#accordion_container')。append(large);
Im trying to append a large block of text using jquery's append().
$('#add_contact_btn').click(function(event) {
event.preventDefault();
var large = '<div class="accordian_container"><a href="#" class="accordian_trigger"><h4>Co-Borrower Information</h4></a><hr/><div class="accordian_item" id="accord_item_2"><label> First Name</label><br/><input type="text"/><br/><label>Middle Name</label><br/>
<input type="text"/><br/>
<label>Last Name</label><br/>
<input type="text" /><br/>
<label>Home Number</label><br/>
<input type="text"/><br>
<label>Work Number</label><br/>
<input type="text"/><br>
<label>Cell Number</label><br/>
<input type="text"/><br>
</div>
</div>';
$('#accordion_container').append(large);
});
It doesn't seem to be working and after looking at the documentation for append(), I can't figure out why - any ideas? Is it the large amount of HTML that I am trying to append?
解决方案
Remove the line breaks.
var large = '<div class="accordian_container"><a href="#" class="accordian_trigger"><h4>Co-Borrower Information</h4></a><hr/><div class="accordian_item" id="accord_item_2"><label> First Name</label><br/><input type="text"/><br/><label>Middle Name</label><br/><input type="text"/><br/><label>Last Name</label><br/><input type="text" /><br/><label>Home Number</label><br/><input type="text"/><br><label>Work Number</label><br/><input type="text"/><br><label>Cell Number</label><br/><input type="text"/><br></div></div>';
$('#accordion_container').append(large);
这篇关于用append()附加大块html的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!