使用oncall在Javascript之前执行jQuery

wecizke3  于 2023-06-05  发布在  jQuery
关注(0)|答案(1)|浏览(174)

如何在JavaScript之前执行jQuery?目前,我正在获取日志21,当我想得到12

<script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>

<form method="POST" id="post-form">
   <input type="submit" onclick="createDiv();" name="Send" >
</form>

<script>
 $(document).ready(
      $('#post-form').submit(function(e){
  console.log(1);
      })
    );
</script>

<script>
 function  createDiv() {
   console.log(2);
 }
</script>
wvt8vs2t

wvt8vs2t1#

如你所知,首先点击按钮事件被触发,然后表单被提交。因此,您的输出在逻辑上是正确的。但是如果你想改变流程,你可以做一些修改来实现。要确保jQuery代码在JavaScript代码之前执行,您可以按如下方式修改脚本:

<script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>

<script>
  $(document).ready(function() {

  function createDiv() {
    console.log(2);
  }

    $('#post-form').submit(function(e) {
      console.log(1);
      createDiv();
    });
  });
</script>

<form method="POST" id="post-form">
  <input type="submit" name="Send">
</form>

相关问题