Question

[在此输入图像说明] [1]帮助！我的页面上有两个svg图像按钮。在页面加载时，我将根据DB中的值显示两个按钮之一。我有jquery隐藏该按钮，并在UI上点击按钮显示另一个按钮。隐藏后我无法显示另一个按钮。

两个按钮都在一个span类中。

Answer 1

visibility属性不能是block。您应该使用visible代替。

有关此属性的更多信息，请查看documentation。

<小时/> 的修改
如果这有帮助...以下示例显示了hidden属性的visible和visibility ...

// 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 =＆＃34; false＆＃34;。因为它将控件的HTML保持在页面之外，稍微但是如果你想通过Ajax / etc显示控件，那么这不会起作用和显示：应该不使用css

Jquery隐藏/显示svg图像

2 个答案: