javascript - 单击时按钮不改变其位置

Question

我在这里做错了什么？我怎样才能使这项工作？ http://jsfiddle.net/qUjDa/

只有当我点击按钮的右侧或下方时，按钮才会移动，但如果我点击按钮，什么也不会发生，我希望它像我点击右侧时一样移动。我是 javascript 的新手，所以我不知道如何正确执行此操作。

代码如下:

html

<div class="button" id="button">
    <iframe src="http://www.facebook.com/plugins/like.php?href=https://www.facebook.com/FacebookDevelopers&amp;layout=button_count&amp;show_faces=false&amp;width=50&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:60px; height:21px; position: relative;" allowTransparency="true"></iframe>
</div>

CSS

.button.move{margin-left:50px;}

Js

var d = document.getElementById("button");
d.addEventListener('click',function(){
    d.className = d.className + " move";
});

Answer 1

iFrame 内的点击事件不会冒出 iFrame。无论如何，您实际上不能做您正在做的事情，将 iframe 放在按钮内。那是无效的。按钮内不能存在 iframe。

您不能使用 vanilla jQuery 来检测何时有人与 Facebook Like 按钮进行交互。为此，您需要使用 Facebook 的 API:

https://developers.facebook.com/docs/reference/javascript/FB.Event.subscribe/v2.0