流星0.9.1.1中的iCheck.js

Question

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

icheck.js和Meteor app

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

我刚刚添加了jQuery

Meteor add jquery

所以我想我有它的最新版本,它应该提供.iCheck.或者它使用旧版本的jQuery？

Answer 1

这就是我的工作方式:

1. iCheck-master从github存储库下载并解压缩.
2. 复制icheck.js到client/lib/
3. 复制你想要的主题的CSS client/config/(例如:skins/flat/red.css)
4. 复制所需主题的图像public/img/icheck/(例如:skins/flat/red.png,skins/flat/red@2x.png)
5. 编辑css以正确引用图像(例如:替换red.png为/img/icheck/red.png

完成后,您现在可以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插件.我们也可以使用一个包,但目前定制包以选择一个特定的主题有点棘手.