Framework7复选框在IOS或Android上不发出点击事件

Question

我在我的React应用程序中使用Framework7复选框。我有一个onClick设置，可以在<input type="checkbox">每次选中复选框时更新我的​​应用程序状态。它可以在桌面浏览器上正常运行，但该onClick事件不会在移动设备上注册。有人遇到过Framework7这个问题吗？请参阅下面的示例代码（为简洁起见，删除了不必要的代码）。

我的输入：

<label className="label-checkbox item-content">
  <input className="fileChkBoxes" type="checkbox" name="chkName" onClick={this.handleChange.bind(this)}/>
    <div className="item-media">
       <i className="icon icon-form-checkbox"></i>
    </div>
</label>

我的onClick功能（简体）：

handleChange() {
    let filesChecked = [];
    let fileInput = document.getElementsByClassName('fileChkBoxes');
    for (let i = 0; fileInput[i]; ++i) {
        if (fileInput[i].checked) {
            filesChecked.push(fileInput[i].value);
        }
    }
    ProjectActions.batchDelete(filesChecked);
}

Answer 1

当在React中使用复选框时，我遇到了同样的问题。onChange事件没有触发。我必须将'no-fastclick'类添加到label属性以使其起作用。

<label htmlFor={htmlID} className="label-checkbox item-content no-fastclick">

这里的解决方案对我有帮助：http : //forum.framework7.io/#!/getting-started : checkbox-not-binding-to-ng