icheck复选框无法悬停

时间:2018-03-28 06:29:23

标签: jquery checkbox hover icheck

我将鼠标停留在包含一些块的锚标签上,并且在块中我有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>

2 个答案:

答案 0 :(得分:1)

它在这里工作。

&#13;
&#13;
$(function(){
 $('.categories-block input').iCheck({
    checkboxClass: 'icheckbox_square-blue',
    radioClass: 'iradio_minimal, iradio_square-blue',
    increaseArea: '20%'
 });
});
&#13;
.categories-block li{
list-style-type: none;
}
&#13;
<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>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

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