Javascript 单击按钮可使内容显示在_Layout.cshtml中

在我的视图/Home/Clear.cshtml的顶部，我有

<button type="button" id="show" class="find-proj">Find Project</button>

在我的/Shared/_Layout.cshtml视图的头部，我有以下脚本：

<script>
$(document).ready(function(){
  $("#show").click(function(){
    $(".wrapper").show();
  });
});
</script>

$（文档）.ready（函数（）{
$（“#显示”）。单击（函数（）{
$（“.wrapper”）.show（）；
});
});

目标是当我按下按钮时，表格显示在页面底部。该表当前不可见，但当我按下按钮时，什么也没有发生。

---

编辑：错误在于，出于某种原因，jQuery由于某种奇怪的原因被加载到页面底部。我更改了

$（“.wrapper”）.show（）

到

$（“.wrapper”）.css（'display'，'block'）

并将jQuery移动到加载之前，它就像一个符咒一样工作。谢谢大家

确保没有任何JS错误，

$（“#show”）

选择器以及

$（“.wrapper”）

选择器返回结果。这可能就是问题所在；但是，也可能是

show（）

调用没有覆盖包装器

display:none

定义。解决这一问题的方法是：

1） 将类添加到DIV：

<div class="find-project wrapper">...</div>

---

由于包装器类定义了

display:none

，调用

show（）

似乎并没有覆盖它，在这种情况下，一个类来标识元素，一个类来显示/隐藏元素是完美的组合。

我认为您可以尝试以下方法

$('.wrapper').css('display','block');

同时，请查看以下链接的评论：

希望这是有帮助的，请让我知道你的想法或反馈 谢谢

---

karthik

.show（）设置样式属性，其中display:none存在于.wrapper类中。这些倾向于冲突。用一个或另一个。我发现使用.hidden{display:none；}类并在.addClass（'hidden'）和.removeClass（'hidden'）或$（'.wrapper'）之间切换更容易。切换类（'hidden'）

是javascript事件触发吗？我只是将代码放入一个代码片段中，它可以按预期工作。您忘了包含jquery了吗？浏览器控制台中有错误吗？浏览器中呈现的HTML是否正确显示？

<div class="find-project wrapper">...</div>

<script>
$(document).ready(function(){
  $("#show").click(function(){
    $(".find-project").removeClass("wrapper");
  });
});
</script>

$(".find-project").addClass("wrapper");

$('.wrapper').css('display','block');