这是一个简单的 pinterest 按钮的代码。
<div class="myPinterestButton">
<a href="//www.pinterest.com/pin/create/button/?url=http%3A%2F%2Fwww.flickr.com%2Fphotos%2Fkentbrew%2F6851755809%2F&media=http%3A%2F%2Ffarm8.staticflickr.com%2F7027%2F6851755809_df5b2051c9_z.jpg&description=Next%20stop%3A%20Pinterest"
data-pin-do="buttonPin"
data-pin-config="none">
<img src="//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_gray_20.png" />
</a>
</div>
<script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>
没有任何内容是 iframe 的。 pinterest 按钮最终成为 <a>
带有一些附加数据属性的标记(感谢 pinit.js
在运行时添加它)。
这是我不明白的事情。如果我点击按钮,它就可以正常工作。但如果我想触发对它的单击(例如单击页面上的不同元素并使用 jQuery 执行 $(".myPinterestButton a").trigger("click")
,则不起作用。
这是一个jsfiddle:http://jsfiddle.net/h42vK/2/
请问这是怎么回事?
最佳答案
您可以使用包装 div .myPinterestButton 的点击事件来代替 .myPinterestButton a
$(".myPinterestButton").trigger("click")
关于javascript - Pinterest 按钮未捕获 'Click' 事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23846610/