javascript自动单击似乎不会自动单击

javascript自动单击似乎不会自动单击,javascript,jquery,Javascript,Jquery,我对javascript和jquery非常陌生,我正在尝试从现有代码库中获取一个自动单击按钮。我很难让按钮做到这一点,即使这是我一直在遵循的 代码如下。我尝试过使用.submit()和.click()两种方法,但是开始游戏btn似乎都没有被按下。我在按钮中放置了一个console.log,每当按下该按钮时,消息似乎不会被记录下来 console.log("loading...") $(() => { $("#start-game-btn").click(event => {

我对javascript和jquery非常陌生,我正在尝试从现有代码库中获取一个自动单击按钮。我很难让按钮做到这一点,即使这是我一直在遵循的

代码如下。我尝试过使用
.submit()
.click()
两种方法,但是
开始游戏btn
似乎都没有被按下。我在按钮中放置了一个
console.log
,每当按下该按钮时,消息似乎不会被记录下来

console.log("loading...")

$(() => {

  $("#start-game-btn").click(event => {
    console.log("start-game")
    $("#errors").text("")
    event.preventDefault()
    const height = parseInt($("#height").val())
    const width = parseInt($("#width").val())
    const food = parseInt($("#food").val())
    let MaxTurnsToNextFoodSpawn = 0
    if ($("#food-spawn-chance").val()) {
      MaxTurnsToNextFoodSpawn = parseInt($("#food-spawn-chance").val())
    }
    const snakes = []

    $(".snake-group").each(function() {
      const url = "http://0.0.0.0:8080/"//$(".snake-url", $(this)).val()
      console.log(url)
      if (!url) {
        return
      }
      snakes.push({
        name: "M1",//$(".snake-name", $(this)).val(),
        url
      })
    })
    if (snakes.length === 0) {
      $("#errors").text("No snakes available")
    }
    console.log(12)
    fetch("http://localhost:3005/games", {
      method: "POST",
      body: JSON.stringify({
        width,
        height,
        food,
        MaxTurnsToNextFoodSpawn,
        "snakes": snakes,
      })
    }).then(resp => resp.json())
      .then(json => {
        const id = json.ID
        fetch(`http://localhost:3005/games/${id}/start`, {
          method: "POST"
        }).then(_ => {
          $("#board").attr("src", `http://localhost:3009?engine=http://localhost:3005&game=${id}`)
        }).catch(err => $("#errors").text(err))
      })
      .catch(err => $("#errors").text(err))
  })
  console.log("ready!")
})

window.onload = function(){
    var button = document.getElementById('start-game-btn');
    button.form.submit();
    console.log("Done!!")
}

每次刷新页面时,日志都会显示:

loading...
ready!
Done!!
我认为应该记录的是(或者至少这是我试图实现的):

submit()
不起作用,因为它用于提交表单。
button.form.submit()不起作用,因为它假定您的按钮是表单的一部分。
由于您似乎正在使用jQuery,请尝试使用jQuery选择器在没有任何参数的情况下调用 例如

$(“#开始游戏btn”)。单击()

$(“#开始游戏btn”)。单击()我添加了一个更详细的答案,这样它可以被接受,这个问题将被标记为已回答
loading...
start-game
ready!
Done!!