Jquery Safari和Firefox输入元素不关注单击

我不太清楚该怎么问这个问题

我写了这个网站，首先我用jQuery和Handlebar做了这个，然后我用AngularJS重写了它，但最终的结果是一样的。只有第一个问题会得到关注，尝试点击任何元素只会重新关注第一个项目。可以使用TAB键四处移动，但这不是解决方案。这在Chrome中可以正常工作。我还没能在IE上测试这个，但最新的Safari和FireFox都不能

我知道人们不赞成把人从网站上打发出去，但我无法描述这个问题，除了动态生成的输入字段无法获得焦点，或者类似的事情，这确实不是问题所在

该站点只是Javascript，除了提供索引文件之外没有后端

---

并非所有文件都最小化。非常感谢您的帮助。

不要将多个输入放在一个标签中。默认情况下，单击标签将聚焦第一个输入。而是尝试用不同的标签包装输入。这会解决你的问题。它与angular/handlebar无关，只是一个html/css问题。如果要换行，请尝试除label之外的其他html元素

下面是一个简单的例子：

<label>Click me
    <input type="text" />
    <br/>
    <input type="text" />
</label>
<br/>
<br/>
<label>Click me
    <input type="text" />
</label>
<label>Click me
    <input type="text" />
</label>

点击我






点击我
点击我

---

演示：

不要在一个标签中放入多个输入。默认情况下，单击标签将聚焦第一个输入。而是尝试用不同的标签包装输入。这会解决你的问题。它与angular/handlebar无关，只是一个html/css问题。如果要换行，请尝试除label之外的其他html元素

下面是一个简单的例子：

<label>Click me
    <input type="text" />
    <br/>
    <input type="text" />
</label>
<br/>
<br/>
<label>Click me
    <input type="text" />
</label>
<label>Click me
    <input type="text" />
</label>

点击我






点击我
点击我

---

演示：

哦，我的脸现在是红色的，一个未关闭的标签。非常感谢，我的脸现在是红色的，一个未关闭的标签。多谢各位