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

Question

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

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

请在这里检查我的代码示例代码

弹出窗口效果很好，但是首先单击单选按钮后，所有单选按钮将被锁定。 sb可以告诉我这个问题吗？ TNX

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();
 });