流星0.9.1.1中的iCheck.js

时间:2014-09-15 10:37:48

标签: jquery meteor icheck

我已通过以下方式在Meteor 0.9.1.1中实施了iCheck:

icheck.js and Meteor app

但Firebug告诉我,那.iCheck不是一个功能。

我刚刚添加了jQuery和

Meteor add jquery

所以我认为我有最新版本的应该提供.iCheck。或者它是否使用旧版本的jQuery?

1 个答案:

答案 0 :(得分:6)

这就是我的工作方式:

  1. 从github存储库下载并解压缩iCheck-master
  2. icheck.js复制到client/lib/
  3. client/config/中复制所需主题的CSS(例如:skins/flat/red.css
  4. public/img/icheck/中复制所需主题的图片(例如:skins/flat/red.pngskins/flat/red@2x.png
  5. 编辑css以正确引用图片(例如:将red.png替换为/img/icheck/red.png
  6. 完成此操作后,您现在可以在应用中使用iCheck,如下所示:

    client/views/icheck-test/icheck-test.html

    <template name="icheck_test">
      <label>
        <input type="checkbox" name="foo">
        Foo
      </label>
    </template>
    

    client/views/icheck-test/icheck-test.js

    Template.icheck_test.rendered=function(){
      this.$("input").iCheck({
        checkboxClass: "icheckbox_flat-red",
        radioClass: "iradio_flat-red"
      });
    };
    

    可以重复此过程,以便在Meteor中集成几乎任何jQuery插件。 我们也可以使用一个包,但目前定制包以选择一个特定的主题有点棘手。