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

Question

我将鼠标悬停在包含一些 block 的 anchor 标记上，并且在 block 中我有 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>