c# - Jquery 隐藏/显示 svg 图像

Question

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

两个按钮都在一个跨度类中。

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>