div上的jQuery hide（）和show（）不起作用答案

【问题标题】：jQuery hide() and show() on div not workingdiv上的jQuery hide（）和show（）不起作用
【发布时间】：2016-05-23 15:49:35
【问题描述】：

按钮上的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/

【问题讨论】：

怎么才能点击disabled按钮？
很好@Satpal，我忘了提。在执行上述代码之前，当用户在输入框中输入所需的项目时，它被启用。 document.getElementById('submit').disabled = false;
除了 disabled 属性之外，这不起作用，因为单击提交按钮会导致页面在请求新页面时被卸载。这意味着所有 UI 更新都会停止。
@RoryMcCrossan，如果它被包裹在<form> 我猜...
如果它在关闭互联网的情况下工作正常，您可能正在加载另一个有错误的外部 js 脚本。你的控制台返回什么？

标签： javascript jquery html css show-hide

【解决方案1】：

确保在制作小提琴时，会导入 jQuery 库。当document 是ready 时，您可以在jQuery 中使用.hide() 函数，而不是给div 一个display:none。这是小提琴 -> https://jsfiddle.net/rr1gwyr7/2/

【讨论】：