Question

我有两个按钮开始和停止。在页面加载停止按钮隐藏和开始按钮显示。当我点击开始按钮时，此按钮隐藏并停止按钮显示。

我正在使用.hide()方法。

Jquery代码：

$(window).load(function ()
{
$('#stop').hide();
});

它正在工作，但问题是当页面加载此（停止按钮）将显示一秒钟（如闪烁）然后隐藏。我想隐藏完全意味着我不想在页面加载时显示停止按钮。

Answer 1

仅在按钮加载时隐藏它，而不是整个窗口。

$("#stop").load(function() {
  $(this).hide();
});

否则，您始终可以使用CSS将其隐藏display:none;

Answer 2

也许使用CSS：

#stop { display: none; }

Answer 3

这是因为你使用了load event处理程序，所以在加载页面的所有资源之前，脚本不会被执行。

一种可能的解决方案是使用css规则，使用id选择器隐藏元素，如

#stop{display: none;}

Answer 4

$(document).ready(function () {
    $("#btnStop").click(function (e) {
        e.preventDefault();
        $(this).hide();
        $("#btnPlay").show();
    })
    $("#btnPlay").click(function (e) {
        e.preventDefault();

        $(this).hide();
        $("#btnStop").show();
    })
})

使用jquery显示或隐藏按钮？

4 个答案: