gpt4 book ai didi

jquery - 克隆 iCheck Box 失败

转载 作者:行者123 更新时间:2023-12-01 05:46:51 24 4
gpt4 key购买 nike

使用 iCheck 插件查看 checkbocksees 列表。

<li>
<input id="unique_id" name="request[accounts][0][advantages][swops]" type="checkbox" value="1" tabindex="34">
<label for="unique_id">Some Text</label>
</li>

在 jQuery 文件中是以下脚本

$(document).ready(function(){
$('input').iCheck({
checkboxClass: 'icheckbox_square-green',
});
});

当页面加载时,它变成这样:

<li>
<div class="icheckbox_square-green" aria-checked="false" aria-disabled="false" style="position: relative;">
<input id="unique_id" name="request[accounts][0][advantages][swops]" type="checkbox" value="1" tabindex="34" style="position: absolute; opacity: 0;">
<ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins>
</div>
<label for="unique_id" class="">Swops</label>
</li>

当我克隆时

var add_id = 1;
$('.js-clone-account').click(function() {
var $new_form_block = $('.field_set_class').clone().prop('class', 'reply'+add_id);

$new_form_block.clearMyForm(); // Clears all input values

$new_form_block.find('#unique_id').prop('id', 'unique_id'+add_id).prop('name', 'old_name'+add_id);
$new_form_block.find('#unique_id'+add_id).next().prop('for', 'unique_id'+add_id);

$new_form_block.appendTo("#other_div");
add_id = add_id + 1;
});

问题OnClick 正在克隆所有元素,但复选框不再起作用。并且标签的 id 没有添加 1,这是因为添加了 div 标签和 ins 标签。在简单的复选框 .clone 上可以工作。任何想法都会非常有帮助。

最佳答案

使用这种方式进行克隆:

$('#div_to_clone').find('.checkbox_container').html( < input type='checkbox' 
class='checkbox_class' name='chechbox_name' value='1' > );<br>
$('.contrainer .checkbox_class').iCheck({
checkboxClass: 'icheckbox_flat-green',
increaseArea: '20%'
});

在触发 ifChecked 的地方使用这种类型的语法来调用它:

$('#container_id').on('ifChecked','.checkbox_class', function (event){  

});

关于jquery - 克隆 iCheck Box 失败,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25991955/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com