0

我创建了一个包含联系表格的显示模式框。当我在框内单击时，框会立即关闭，这当然没有用。我无法填写表格。

我正在使用的代码是：

<body>
<div style="background:black;z-index: 5;" id="myModal" data-reveal class="reveal-modal"  aria-labelledby="modalTitle" aria-hidden="true" role="dialog">
  <h3>Contact us</h3>
<script src="http://www.google.com/recaptcha/api.js" async defer></script>
<script type="text/javascript" src="http://www.google.com/recaptcha/api/js/recaptcha_ajax.js"></script>
<p><i>Use the form to get in touch with us.</i></p>



<form action="some-file.php" method="POST">

<p>Name:*</p>

<input style="width:300px;" name="username" type="text" required />

<p>E-mail Adress:*</p>

<input style="width:300px;" name="useremail" type="text" required />

<p>Subject:*</p>

<input style="width:300px;" name="usersubject" type="text" required />

<p>Message:*</p>

<textarea style="width:300px;" cols="40" name="usermessage" rows="5" required></textarea>


<div class="g-recaptcha" data-sitekey="sitekey"></div>

<input type="submit" value="send" name="submit"/>
</form>

  <a class="close-reveal-modal" aria-label="Close">&#215;</a>
</div>

.
.
.
.
.

代码继续，然后我调用模态，如：

<ul class="off-canvas-list sticky">
        <li><label>HOME</label></li>
        <li><a href="#top"><STRONG>TOP</STRONG></a></li>
        <li><a href="#overview"><STRONG> OVERVIEW</STRONG></a></li>
             <li><a href="#how"><STRONG>HOW </STRONG></a></li>
          <li><a href="#features-a" ><STRONG>FEATURES</STRONG></a></li>
        <li><a href="#newsletter"><STRONG>NEWSLETTER</STRONG></a></li> 
        <li><a href="#" data-reveal-id="myModal"><strong>CONTACT</strong></a></li>
          <li><a zf-close="" class="close-button"><strong>CLOSE MENU</strong></a></li>
      </ul>

然后模态显示正常，但是当我在其中单击时它会关闭。

我想与其他图书馆有一些冲突。我怎样才能使用一些工具来找出冲突在哪里？

我也给你我的 custom.js 文件。你能指点我如何将javascript添加到这个文件中吗？谢谢！

4

1 回答 1

0

好吧，你可以尝试这样做

$('.pop-up-selector').on('click', function(e) {
  e.preventDefault();
  e.stopPropagation();
}

$('.close-reveal-modal').on('click', function() {
   // your closing function
}
于 2015-09-03T14:17:03.150 回答