当 jquery.html() 用于加载动态表单时，单选按钮不起作用

【问题标题】：Radio buttons dont work when jquery.html() is used to load dynamic form当 jquery.html() 用于加载动态表单时，单选按钮不起作用
【发布时间】：2012-06-17 01:44:42
【问题描述】：

http://ano-mag.com/black-foil/ 请检查此网址 - 单击左侧的“立即订购”按钮 - 注意单选按钮如何不起作用？我想不通！

【问题讨论】：

我建议在您的问题中发布相关代码。
它在小提琴中运行良好我知道 - 发生了一些奇怪的事情
@JeffJones 你能给我们看看 jsfiddle.net 中的小提琴吗？
jsfiddle.net/sJpUT :)
嗯，就是这样！我直接复制了代码.. wtf！

标签： jquery html forms radio

【解决方案1】：

我在您的fiddle 上重现了错误行为，这是由于这段代码：

$('.ano-box').click(function(e) {
    e.stopPropagation();
    return false;
});

这可以防止 click 事件将 DOM 冒泡到您的单选按钮。 =]

补充编辑：

您的文本inputs 在错误场景中仍然获得焦点，因为文本输入在mousedown 事件中获得焦点，该事件在click 事件之前被正确执行。但是，radio 输入在 click 事件中被检查，该事件正在被您的函数取消。 =]

【讨论】：

@JeffJones 我添加了一个补充编辑，以防您对为什么文本输入在错误场景中仍然获得焦点感到好奇，如果这值得关注的话。 :P