Question

这是一个简单的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>

没有任何内容是iframed。 pinterest按钮最终成为<a>标签，带有一些额外的数据属性（感谢pinit.js在运行时添加它。）

这是我不喜欢的东西。如果我单击按钮它工作正常。但是如果我想触发它的点击（例如点击页面上的其他元素并使用jQuery来$(".myPinterestButton a").trigger("click")它就不起作用。

这是一个jsfiddle：http://jsfiddle.net/h42vK/2/

请问这里发生了什么？

Answer 1

你可以使用click事件来包装div .myPinterestButton而不是.myPinterestButton a

$(".myPinterestButton").trigger("click")

Pinterest按钮没有捕获'Click'事件

1 个答案: