icheck 复选框在悬停时不起作用

Question

我将鼠标悬停在包含一些块的锚标记上，在块中我有 icheckbox，它已初始化但无法正常工作，就像我无法选中复选框一样。

$('.categories-block input').iCheck({
    checkboxClass: 'icheckbox_square-blue',
    radioClass: 'iradio_minimal, iradio_square-blue',
    increaseArea: '20%'
});

这是悬停代码

    <a class="download-hover clearfix">
      <ul>
        <li class="first">
            <div class="categories-block">
                <input tabindex="5" type="checkbox">
            </div>
        </li>
    </ul>
</a>

Answer 1

它在这里工作。

$(function(){
 $('.categories-block input').iCheck({
    checkboxClass: 'icheckbox_square-blue',
    radioClass: 'iradio_minimal, iradio_square-blue',
    increaseArea: '20%'
 });
});

.categories-block li{
list-style-type: none;
}

<link href="https://cdnjs.cloudflare.com/ajax/libs/iCheck/1.0.2/skins/all.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/iCheck/1.0.2/icheck.min.js"></script>
<div class="categories-block">
   <a class="download-hover clearfix">
      <ul>
        <li class="first">
            <div class="categories-block">
                <input tabindex="5" type="checkbox"> Check Me
            </div>
        </li>
    </ul>
</a>
</div>

Answer 2

我认为有 css 不适用，我们无法显示 icheckbox，在这种情况下，我们必须使用 onclick jquery 事件并初始化 icheckbox。

icheck 复选框在悬停时不起作用

icheck checkbox is not working on hover

jquery

checkbox

hover

icheck