V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
Y4ssss
V2EX  ›  JavaScript

icheck.js, ifChecked 事件触发不了, click 事件可以触发,是什么原因

  •  
  •   Y4ssss · 2018-11-29 10:35:48 +08:00 · 6595 次点击
    这是一个创建于 2220 天前的主题,其中的信息可能已经有所发展或是发生改变。
    <div class="radio">
      <label>
        <input type="radio" id="bargainSource_0" name="bargainSource" value="L"  checked>
        <span>1111</span>
      </label>
    </div>
    <div class="radio">
      <label>
        <input type="radio" id="bargainSource_1" name="bargainSource" value="B">
        <span>2222</span>
      </label>
    </div>
                    
    $("input:radio[name='bargainSource']").on('ifChecked', function(event){
        alert('ifChecked');	
    });
    
    $("input:radio[name='bargainSource']").on('click', function(event){
        alert('click');
    });
    

    jquery 和 icheck 都已经引用,目前只能触发 click 事件,ifChecked 触发不了。
    这是什么原因,刚开始接触 js,卡半天了。。。

    6 条回复    2018-11-29 17:17:03 +08:00
    chanchan
        1
    chanchan  
       2018-11-29 10:54:35 +08:00
    因为这是 radio?
    Y4ssss
        2
    Y4ssss  
    OP
       2018-11-29 11:03:42 +08:00
    @chanchan icheck 的 demo 里,checkbox 和 radio 都可以用的
    chanchan
        3
    chanchan  
       2018-11-29 11:11:47 +08:00
    因为没 class i-checks?
    Y4ssss
        4
    Y4ssss  
    OP
       2018-11-29 11:52:41 +08:00
    @chanchan icheck.js 的 dome 中,web 加载后会在<input>后面添加一个<ins class="iCheck-helper" ></ins>。然后我在 ifChecked 事件后在加一个.iCheck()事件就可以触发 ifChecked 事件了
    topsy
        5
    topsy  
       2018-11-29 16:55:59 +08:00
    ifCreated callback should be binded before plugin init.
    ifCreated 回调 需要 在 init 前绑定
    @Y4ssss 与这个有关系吗?
    Y4ssss
        6
    Y4ssss  
    OP
       2018-11-29 17:17:03 +08:00
    @topsy 没关系,就是要用 icheck 的除 ifCreated 之外的事件比如 ifChecked,要先用.iCheck () init 一下,比如:
    $("input[type='checkbox'], input[type='radio']").iCheck({
    checkboxClass: 'icheckbox_minimal-blue',
    radioClass: 'iradio_minimal-blue'
    });
    ifCreated 估计得在这之前先绑定。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   4693 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 05:38 · PVG 13:38 · LAX 21:38 · JFK 00:38
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.