javascript - $el.find(...).iCheck 不是函数

标签 javascript jquery reactjs icheck

我在 icheck 的 SurveyJs 上使用了示例,但为什么错误消息显示为

$el.find(...).iCheck is not a function

,在调用 iCheck 函数之前,我检查了 JQuery 和 icheck 库已添加到该项目中并加载了页面。

http://surveyjs.org/examples/react/custom-widget-icheck/

import { iCheck } from 'icheck';
 var radioGroupWidget = {
 name: "icheck",
    isFit : function(question) { return question["renderAs"] === 'icheck'; },
    isDefaultRender: true,
    afterRender: function(question, el) {
        var $el = $(el);
        var select = function() {
          $el.find("input[value=" + question.value + "]").iCheck('check');
        }
        $el.find('input').iCheck({
          checkboxClass: 'iradio_square-blue',
          radioClass: 'iradio_square-blue'
        });
        $el.find('input').on('ifChecked', function(event){
          question.value = event.target.value;
        });
        question.valueChangedCallback = select;
        select();
    },
    willUnmount: function(question, el) {
        var $el = $(el);
        $el.find('input').iCheck('destroy');
    }
 }
CustomWidgetCollection.Instance.addCustomWidget(radioGroupWidget);

最佳答案

现在,您可以使用 SurveyJS 自定义小部件将 iCheck 与 SurveyJS 结合使用。

...
<script src="https://unpkg.com/surveyjs-widgets"></script>
...

请检查example :

关于javascript - $el.find(...).iCheck 不是函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45460286/

相关文章:

javascript - HTML5 存储问题

javascript - 如何输出php?

jquery - 在 jQuery 切换它之后,将 div 放置在特定的动态 Rails 元素旁边

javascript - 未安装的组件仍然首先渲染

javascript - 从另一个文件添加函数并在 react 中更新父级的状态

javascript - 有没有地方可以测试代码是否符合 ES5/安全?

java - 验证上传的图像 DPI 和尺寸是否可打印

javascript - 如何删除 jQuery .focusOut 函数

Javascript 在页面刷新时不起作用

reactjs - 我应该在哪里存储我的电子商务 React 应用程序的图像?