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

Posted 2023-02-24

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

【英文标题】：how to hide one div and display another on button click event in MVC

【发布时间】：2017-08-20 03:11:01

【问题描述】：

这是我的 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;">

【问题讨论】：

您的选择器错误 - 点（用于类）或散列（用于 id）在哪里？

像这样使用$("#btnUpdate"), $("#tblMain").hide(); $("#tblMainAlt").show();

【参考方案1】：

set display: none in style in tblMainAlt 因为第一次加载页面所以隐藏一个 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;">

【讨论】：

y shld i chng button id?

tblMain 和 tblMainAlt 不是标签，这是一个 id，所以在下面（ID 名称）上添加“#”，例如“#tblMain”和“#tblMainAlt”。

投反对票有什么理由吗？

谁能告诉我如何在控制器中访问 div id 以执行操作？

为什么要在控制器中访问？

【参考方案2】：

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

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