小编Dan*_*mes的帖子

我想使用cleave.js(在rails中)格式化手机和信用卡输入.如果我只声明一个new Cleave对象,我的格式化工作,但如果我尝试声明两个,我会收到此错误:

Uncaught Error: [cleave.js] Please check the element

这是JS文件的相关部分:

var Global = {};

Global.onLoad = function(){
  Global.setupDatepickers(); //unrelated function
  Global.setupCleavePhone();
  Global.setupCleaveCreditCard();
};

$(document).on('turbolinks:load', function(){
  Global.onLoad();
});

Global.setupCleavePhone = function() {
  new Cleave('.phone-input', {
    phone: true,
    phoneRegionCode: 'US',
    delimiter: '-'
  });
}

Global.setupCleaveCreditCard = function() {
  new Cleave('.card-input', {
    delimiter: '-',
    blocks: [4,4,4,4]
  });
}

我已经尝试了一些混音,包括将Cleave对象分配给变量并在同一个函数中声明它们,但没有骰子.这里有一个的jsfiddle多个劈裂对象一次被delared,我看不到我的代码和他们之间的任何有意义的差异.选择器类在视图中正确应用.有什么想法,我似乎无法一次格式化两个字段？