jquery hide /显示svg图像

问题描述：

[输入图像描述] [1]帮助！我的页面上有两个svg图像按钮。在页面加载时，我根据数据库中的值显示两个按钮之一。我有jQuery来隐藏该按钮，并显示另一个按钮点击从用户界面。隐藏后我不能显示另一个按钮。jquery hide /显示svg图像

这两个按钮都属于单个跨度类别。

请创建[MCVE]，并将其添加这个问题。 –

我做过罗伯特。非常感谢帮助 – Newbee

这既不是最小的，也不是完整的，因此也不可验证。 –

答

我想通出。我的后端代码使用属性btnXX.Visible = false，将其更改为显示：没有解决我的问题。

如果您在某些情况下不想渲染控件，请设置Visible =“false”。因为它使控件的HTML出来的页面，略，但如果你想显示通过Ajax /等的控制，这是不行的，并显示：无CSS应使用

答

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>

感谢您的回复Louys，但可见的属性也给了我相同的问题。 – Newbee

我添加了一个例子...希望这会有所帮助。 –

欣赏你花时间写这个Louys，但在我的情况下，我有两个按钮。 btnXX和btnYY。我没有/需要切换按钮。在页面加载时，其中一个按钮显示基于DB标志（正常工作）可以说btnXX显示。从UI当我点击btnXX它更新DB中的标志来显示btnYY，btnXX应该隐藏并且应该显示btnYY。所有工作正常（更新数据库，隐藏如果btnXX）只有不工作的东西显示btnYY。没有按钮显示在用户界面上，直到我刷新页面。刷新拉动右边的按钮。再次感谢！ – Newbee

jquery hide /显示svg图像

相关推荐