小编sau*_*umj的帖子

bootstrap-toggle复选框未显示为切换

我使用的是角形,并使用Bower添加了bootstrap-toggle。我还在index.html中包括了适当的css和js文件。在我的资源文件中,我需要创建一个切换开关。我包括以下行:

<div>
 <input type="checkbox" checked data-toggle="toggle">
</div>
Run Code Online (Sandbox Code Playgroud)

我不想使用javascript添加此行。它显示为复选框而不是切换按钮。有什么我想念的吗? css链接snapshopt js链接快照

html twitter-bootstrap angularjs

5
推荐指数
1
解决办法
2343
查看次数

与 React 一起使用时如何检测 keyPress 上的“Enter”键

我正在使用 ReactJs 开发我的应用程序。我试图通过处理 onKeyPress 事件在按下 Enter 时提交输入文本。它检测其他输入,但不输入。我尝试了不同的方法 - event.key, event.charCode, event.keyCode, event.which... 似乎没有任何效果。

React.createElement("input", {tabIndex: "1", onKeyPress: this.handleKeyPress, onChange: this.handleChange, 
                           placeholder: "ex: 1,10,15"}), 

handleChange: function (event) {
        this.setState({userInputBuckets: event.target.value});
    },
handleKeyPress: function (event) {
        if (event.charCode == 13) {
            event.preventDefault();
            this.props.table.handleSubtotalBy(this.props.columnDef, this.state.userInputBuckets);
        }
    },
Run Code Online (Sandbox Code Playgroud)

我也尝试过onKewDown处理,它检测到正确的密钥,但即使它评估event.keyCode == 13为真,它也不会执行 if 块。

javascript keypress onkeypress reactjs

3
推荐指数
1
解决办法
2万
查看次数