jquery 图标点击时带有附加信息的按钮

gzszwxb4 于 12个月前发布在 jQuery

关注(0)|答案(1)|浏览(131)

我有一个按钮与信息图标的一面像下面：

的数据
理想情况下，当只有信息图标被点击，它应该显示更多的信息，该按钮

的
当整个按钮被点击时，它应该转到必要的链接。
这是我到目前为止所做的..按钮A显示信息，但不完全是我想要的。
按钮B有我想要的过渡和样式，当悬停时变暗，当悬停在信息图标上时放大，除了没有信息..

<a class="button">
  <span class="title">
  Button A<span class="search"></span></span>
  <span class="info">Cupcake ipsum dolor sit amet</span>
</a><br/><br/>
<a class="button">Button B<span class="search"></span>
</a><br/><br/>

字符串
https://jsfiddle.net/cdz0nfu2/2/

jquery

来源：https://stackoverflow.com/questions/48152233/button-with-additional-information-on-icon-click

1条答案

按热度按时间

7vhp5slm1#

我同意@CBroe，但是，为了回答你的问题，你可以使用jQuery来收听信息点击：

$(".button:nth-of-type(2) span").click(function(){
    alert("info clicked"); <-- Show the other info here
})

字符串

赞(0）回复(0）举报 12个月前

我来回答

jquery 图标点击时带有附加信息的按钮

1条答案

相关问题

热门标签

最新问答