文章/答案/技术大牛

发布

社区首页 >问答首页 >Jquery隐藏/显示svg图像

问Jquery隐藏/显示svg图像
EN

Stack Overflow用户

提问于 2017-10-08 17:17:08

回答 2查看 711关注 0票数 1

输入图像描述hereHelp！我的页面上有两个svg图像按钮。在页面加载中，我将根据DB中的值显示这两个按钮中的一个。我有jquery来隐藏这个按钮，并显示另一个按钮从UI点击按钮。我无法在隐藏后显示另一个按钮。

两个按钮都位于单个span类中。

svg

show-hide

jquery

css

Stack Overflow用户

发布于 2017-10-08 17:33:04

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

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

编辑

如果能帮上忙..。下面是一个例子，展示了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>

票数 1

查看全部 2 条回答

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/46633870

复制

相似问题

问Jquery隐藏/显示svg图像
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jquery隐藏/显示svg图像EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jquery隐藏/显示svg图像
EN