javascript - div 上的 jQuery hide() 和 show() 不起作用

Question

按钮上的 jQuery hide() 不起作用，然后 div 的 show() 没有出现。哪里出错了？

但是，当互联网关闭时它工作正常。 jQuery 库在本地托管。

#loading {
    background: url('/img/loading.gif') no-repeat;
    width: 30px;
    height: 30px;
}

<button id="submit" type="submit" disabled>Submit</button>
<div id="loading" style="display:none"></div>

$(document).ready(function () {
  document.getElementById('submit').disabled = false; // enable the button

  $('#submit').click(function () {
        $(this).removeClass("active"); // either $(this) or $('submit')
        $(this).hide(); // either $(this) or $('submit')
        $('#loading').show();
  });
});

如前所述，上面的代码在互联网关闭时工作正常。另外，对 JS display:none 和 display:block 进行了同样的尝试，但不起作用。

https://jsfiddle.net/945ovayj/1/

Answer 1

确保在制作 fiddle 时导入了 jQuery 库。当 document 准备好。这是 fiddle -> https://jsfiddle.net/rr1gwyr7/2/