Jquery 隐藏/显示 svg 图像

Question

[在此处输入图片描述][1]求助！我的页面上有两个 svg 图像按钮。在页面加载时，我根据 DB 中的值显示两个按钮之一。我有 jquery 来隐藏该按钮并在 UI 中单击按钮时显示另一个按钮。隐藏后我无法显示另一个按钮。

两个按钮都在一个范围内 class。

Answer 1

visibility 属性不能是 block。您应该改用 visible。

查看 documentation 了解更多信息属性。

编辑
如果这能有所帮助...这是一个显示 visibility 属性的 hidden 和 visible 的示例...

// That is executed on load.
$("#btnXX").css("visibility", "visible"); 
$("#btnYY").css("visibility", "hidden");

// Handler for the toggle button.
$("#toggle").on("click", function(){
  $(this).toggleClass("active");
  if($(this).hasClass("active")){
    $("#btnXX").css("visibility", "hidden"); 
    $("#btnYY").css("visibility", "visible");
  }else{
    $("#btnXX").css("visibility", "visible"); 
    $("#btnYY").css("visibility", "hidden");
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<button id="btnXX">XX</button><button id="btnYY">YY</button><br>
<br>
<button id="toggle">Toggle it</button>

Answer 2

我明白了。我的后端代码使用属性 btnXX.Visible = false，将其更改为 display:none 解决了我的问题。

如果在某些情况下根本不想呈现控件，请设置 Visible="false"。因为它使控件的 HTML 保持在页面之外，所以稍微但如果你想通过 Ajax/etc 显示控件，这将不起作用，应该使用 display:none css

Jquery 隐藏/显示 svg 图像

Jquery hide/ show svg images

css

c#

jquery

svg

show-hide