CODEWITHSUNDEEP
jquerycheckboxhovericheck
Nageen
Nageen

Reputation: 1759

icheck checkbox is not working on hover

I hover on anchor tag which is contain some block and in block i have icheckbox which is initialize but not working like i can't check checkbox.

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

And this is on hover code

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

Upvotes: 3

Views: 949

Answers (2)

Nageen
Nageen

Reputation: 1759

I think there were css not apply and we can't show icheckbox, in this case we have to use onclick jquery event and initialize the icheckbox.

Upvotes: 0

Nitin Dhomse
Nitin Dhomse

Reputation: 2612

Its working here.

$(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>

Upvotes: 1

Related Questions