我在这里做错了什么?我怎样才能使这项工作? 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&layout=button_count&show_faces=false&width=50&action=like&colorscheme=light&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";
});
最佳答案
iFrame 内的点击事件不会冒出 iFrame。无论如何,您实际上不能做您正在做的事情,将 iframe 放在按钮内。那是无效的。按钮内不能存在 iframe。
您不能使用 vanilla jQuery 来检测何时有人与 Facebook Like 按钮进行交互。为此,您需要使用 Facebook 的 API:
https://developers.facebook.com/docs/reference/javascript/FB.Event.subscribe/v2.0
关于javascript - 单击时按钮不改变其位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24658213/