onChange 事件无法使用 iCheck 插件运行
onChange event wont function using iCheck plugin
我使用iCheck插件来设置我的收音机和复选框的样式。但是如果我尝试包含iCheck,我的函数将无法正常工作。
这是我的代码:
<div id="category-row" class="filter_block col-md-12 rb_nopadding">
<h5>BROWSE BY</h5>
<ul class="list-unstyled">
<li>
<input type="radio" id="cat-1" class="category_select" name="category_type" data-category-type="1" value="all_product" <?php echo ($category == '' || $category == 'all_product') ? 'checked="checked"' : ''; ?> />
<label for="cat-1" class="<?php echo ($category == '' || $category == 'all_product') ? '' : ''?>"><span></span>All</label>
</li>
<li>
<input type="radio" id="cat-2" class="category_select" name="category_type" data-category-type="2" value="japanese_tea" <?php echo ($category == 'japanese_tea') ? 'checked="checked"' : ''; ?> />
<label for="cat-2" class="<?php echo ($category == 'japanese_tea') ? 'active' : ''?>"><span></span>Japanese Tea</label>
</li>
<li>
<input type="radio" id="cat-3" class="category_select" name="category_type" data-category-type="3" value="black_vinegar" <?php echo ($category == 'black_vinegar') ? 'checked="checked"' : ''; ?> />
<label for="cat-3" class="<?php echo ($category == 'black_vinegar') ? 'active' : ''?>"><span></span>Black Vinegar</label>
</li>
<li>
<input type="radio" id="cat-4" class="category_select" name="category_type" data-category-type="4" value="food" <?php echo ($category == 'food') ? 'checked="checked"' : ''; ?> />
<label for="cat-4" class="<?php echo ($category == 'food') ? 'active' : ''?>"><span></span>Food</label>
</li>
<li>
<input type="radio" id="cat-5" class="category_select" name="category_type" data-category-type="5" value="cosmetic_health" <?php echo ($category == 'cosmetic_health') ? 'checked="checked"' : ''; ?> />
<label for="cat-5" class="<?php echo ($category == 'cosmetic_health') ? 'active' : ''?>"><span></span>Cosmetic / Health</label>
</li>
<li>
<input type="radio" id="cat-6" class="category_select" name="category_type" date-category-type="6" value="others" <?php echo ($category == 'others') ? 'checked="checked"' : ''; ?> />
<label for="cat-6" class="<?php echo ($category == 'others') ? 'active' : ''?>"><span></span>Others</label>
</li>
</ul>
</div>
然后我的 JS
$('.category_select').on('change', function() {
var id = $(this).val();
var cat = $(this);
var category_type = $(this).data('category-type');
console.log(id);
$('.category_select').next('label').css({'color':'#222'})
$(cat).next('label').css({'color':'#C5B06C'});
var url = 'index.php?route=shops/shops/shopInfo&user_id=<?php echo $shop_id; ?>';
var filter_category = cat.val();
if(filter_category != '') {
url += '&filter_category=' + encodeURIComponent(filter_category);
}
location = url;
});
如果我删除了 icCheck,它可以工作,但如果我尝试包含 iCheck 插件,它不起作用。
你能帮我这个吗?
好的,
我发现我哪里出错了。iCheck插件中已经有我错过的事件。
这是我所做的:
我改变
$('.category_select').on('change', function() {
自
$('.category_select').on('ifChanged', function() {
现在它正在工作。
相关文章:
- 如何在Angular2中使用jQuery插件
- 可以前端maven插件使用节点,npm已经安装
- 如何使jQuery插件函数可调用以供独立使用,而不在集合上操作
- 我的jQuery插件参数没有正确启动,遇到了问题
- 如何在elfinder插件(一个文件管理器插件)上获得上传前事件
- 是否有任何snippet或jQuery插件可以列出easylist.txt模式匹配的DOM中的所有元素
- TableExport jquery插件:文件名和扩展名问题
- 如何在使用selectBoxIt JQuery插件时检测选项更改
- jQuery插件-从插件中调用公共方法
- 压缩phonegap中ios的图像插件
- jQuery粘性插件可变顶部间距
- iCheck插件在ipad和iphone上无法正常工作
- Angularjs (ng-click, ng-change) 指令不适用于 icheck 插件
- onChange 事件无法使用 iCheck 插件运行
- 单选按钮和行为有效,但是当将工作单选按钮转换为 icheck 插件时,我无法找出一个简单的行
- jQuery icheck插件在被追加后无法工作
- 事件处理复选框-jQuery icheck插件
- 应用iCheck (jQuery插件)来动态创建复选框
- 我如何得到JQuery工作与iCheck插件
- ICheck插件无法在淘汰js检查绑定中工作