当我尝试使用 jQuery 添加该元素时,在 radio 输入上加载自定义 css(twitter bootstrap)时遇到问题。
当我刷新页面时, radio 输入的 css 被加载(在绿色箭头旁边)但是当我点击添加新序列时。
这是 jQuery 代码:
$('#btn_addseq').on('click', function (e) {
e.preventDefault();
var newitem = 'some tags' +
'<input type="radio" name="is_default" value="new_' + size + '"> Default</input>' +
'some tags' ;
$("#list_sequences").append(newitem);
};
编辑: 我的工作 html:
<label class="mt-radio mt-radio-line" style="margin-top: 6px">
<input type="radio"
name="is_default" value="old_{{ $sequence->id }}" {{ $sequence->is_default ? 'checked' : '' }}>
Default
这是我要添加的元素的代码:
var newitem = '<div class="col-md-4">' +
'<div class="mt-radio-list">' +
'<label class="mt-radio mt-radio-line" style="margin-top: 6px">' +
'<input type="radio" name="is_default" value="new_' + size + '"> Default</input>' +
'</label>'+
'<a class="delete_new_seq" data-id="' + size + '"><i class="fa fa-remove" style="color: red;cursor: pointer;"></i> </a>'
'</div>' +
'</div>' ;
最佳答案
管理元素外观的规则依赖于 HTML 的特定结构,在这种情况下,它看起来像您使用的 css 规则依赖于其中之一
- radio 在
<div class="radio">
里面元素。或者; - radio 在
<label class="mt-radio mt-radio-line">
里面元素。
(我猜是前者,但是如果不看你所有的 css 就很难确定)
关于javascript - 使用 jQuery 添加元素后刷新 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38503124/