javascript - 单选按钮在 jquery 弹出框中不起作用

Question

我想创建一个 jquery 全屏弹出窗口并在其中放置一个单选按钮。

我有一个代码可以正常工作，但不适用于那个单选按钮!

请在这里检查我的代码sample code

弹出窗口效果很好，但在第一次单击单选按钮后，所有单选按钮都将被锁定。有人能告诉我这个问题吗？发送

html代码:

<div class="button"><a href="#">
 <img class="btn-open" src="http://ec.l.thumbs.canstockphoto.com/canstock13758850.jpg" alt="">
 <img class="btn-close" src="http://ec.l.thumbs.canstockphoto.com/canstock13758850.jpg" alt=""></a> </div>

 <div class="overlay">
 <div class="wrap">
 <ul class="wrap-nav">
 <li>
     <h2> hello everyone!</h2>

 </li>
 </ul>
 <div class="social">
<form action="">
<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female
</form>
 </div>
 </div>
 </div>

Answer 1

给你http://jsfiddle.net/phpmLqu1/6/

像这样将代码从 return false 更改为 e.stopPropagation

$('.wrap').on('click', function (e) {
     e.stopPropagation();
 });