Javascript 使“提交”按钮触发模式

我有一个表单，我想在点击提交按钮时触发一个模式。我正在使用Zurb Reveal.js插件，并调用jQuery和相关的Reveal.js

我有以下代码：

<input type="submit" id="submit-button" data-reveal-id="myModal" value="Submit this support request">

在页面底部（结束正文标记之前）：

情态标题
任何内容都可以放在这里

×
$（文档）.ready（函数（）{
$（“#按钮模板”）。单击（函数（）{
$（“#myModal”）.discover（）；
});
});

---

data reveal id在锚定标记触发模式时工作，因此我认为可以使用上面的JS（在插件站点上给出）以编程方式触发它，但这似乎也不起作用。帮忙

由于您的按钮是一个提交按钮，当您单击它时，页面将根据表单选项刷新。如果不使用表单，则需要使用

reveal

不是JQuery的标准方法

<script type="text/javascript">
  $(document).ready(function() {
    $("#buttonForModal").click(function(event) {
      //Prevent form submission to avoid page refreshing 
      event.stopPropagation()

      //Show your div
      $("#myModal").fadeIn(300);
    });
  });
</script>

$（文档）.ready（函数（）{
$（“#按钮模板”）。单击（函数（事件）{
//防止表单提交以避免页面刷新
event.stopPropagation（）
//展示你的div
美元（“#myModal”）。法代因（300）；
});
});

您需要先阻止按钮的默认字符，然后再打开模式

<script type="text/javascript">
  $(document).ready(function() {
    $("#buttonForModal").click(function(event) {
      event.preventDefault();
      $("#myModal").reveal();
    });
  });
</script>

$（文档）.ready（函数（）{
$（“#按钮模板”）。单击（函数（事件）{
event.preventDefault（）；
$（“#myModal”）.discover（）；
});
});

什么是#按钮模板？应该是“提交”按钮吗？此外，您可能需要“暂停”表单提交，否则一旦提交表单，您的模式就会消失对不起-我刚刚从他们的页面上复制了这段代码，我的页面上确实有提交按钮代替了buttonForModal@user1802256提交按钮是在表单标签还是节点中？

<script type="text/javascript">
  $(document).ready(function() {
    $("#buttonForModal").click(function(event) {
      event.preventDefault();
      $("#myModal").reveal();
    });
  });
</script>