第二次运行时调用两次的方法 - JavaScript

时间:2015-08-09 17:02:00

标签: javascript jquery twitter-bootstrap font-awesome

我在做什么:所以,我在这个网页中使用了jQuery,Bootstrap和Font Awesome。这会创建一个用于输入的文本框,当用户完成输入的输入并按下“输入”键时。该项目已添加到清单中。

错误:当我将第一项添加到检查清单时,它可以正常工作。但是当我尝试添加下一个时,它会显示两个输入框,一个在右边的位置,一个在左上角

{{1}}

您可以看到此工作的示例here

再现:
1.打开下拉菜单
2.单击“新建'” 3.输入内容并按'输入'然后重复步骤1和2.

2 个答案:

答案 0 :(得分:1)

你实际上正在复制整个chmod +x catalina.sh startup.sh ,包括脚本,这就是事件成倍增加的原因。

而不是:

<body>

使用append之类的方法:

$("body").html($("body").html() + "...

虽然以上内容也不是一个好主意,但我强烈建议您在$("body").append("... 内设置一个主容器<div id="container">元素并修改内部HTML,而不会影响javascript标记。

body

答案 1 :(得分:0)

您需要使用.append()。现在,您正在渲染输入框,但默认情况下,样式会将元素插入页面的左上角。这是一个更新的plunkr http://plnkr.co/edit/qrFOomKQrfZP3r4FmriC?p=preview