var radioElement1="< input type='radio' name='customerConfigure_xyType' value='1'>";
var radioElement2="< input type='radio' name='customerConfigure_xyType' value='2'>";
$("#distFeaUlDiv").append(radioElement1);
$("#distFeaUlDiv").append(radioElement2);
项目中遇到需要动态添加radio元素的情况,但是这样直接加进去的数据是不会被bootstrap重新渲染的,也就是说bootstrap不会将其变成形如:
<div class="radio"><span class="checked"><input type="radio" name="customerConfigure_xyType" value="1" checked=""></span></div>
这样的格式。
解决方法很简单,重新加载js文件,具体方法是:
$.getScript('/assets/global/scripts/app.min.js',function(){});
app.min.js就是对radio进行渲染的文件,动态添加radio元素后只要重新加载下这个文件就好了