Question

这是我的jquery和div我想隐藏tblMain并让tblmainalt可见

$("btnUpdate").click(function() {
  alert("button");
  $("tblMain").hide();
  $("tblMainAlt").show();
});

<div id="tblMainAlt" class="tableSpaced" style="width:auto;height:100%;margin-left:25px;">
<div id="tblMain" class="tableSpaced" style="width:auto;height:100%;margin-left:25px;">

Answer 1

这是因为您使用了错误的选择器。您必须使用ID或CLASS选择器。当你看到你的HTML时，请用我的 jQuery 替换它，它会起作用。

$("#btnUpdate").click(function() {
  alert("button"); // Remove this line if it worked
  $("#tblMain").hide();
  $("#tblMainAlt").show();
});

Answer 2

在tblMainAlt中设置display：none，因为第一次加载页面时会隐藏div。

我添加了示例代码，您可以尝试一下。

<强> JQuery的： -

$("#btnUpdate").click(function () {
                alert("button");
                $("#tblMain").hide();
                $("#tblMainAlt").show();
            });

 <div id="tblMainAlt" class="tableSpaced" style="width:auto;height:100%;margin-left:25px;display: none;">

<div id="tblMain" class="tableSpaced" style="width:auto;height:100%;margin-left:25px;">

如何在MVC中隐藏一个div并在按钮单击事件上显示另一个div

2 个答案: