Question

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

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

请在此处查看我的代码sample code

弹出窗口效果很好但是在首次单击单选按钮后，所有单选按钮都将被锁定。某人可以告诉我这个问题吗？ 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();
 });

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

1 个答案: