Question

您好我正试图将Facebook Like Box拖放到div中。 Like Box显示正常，但不会拖动。我之前有一个推特小部件工作得很好。

<div class="twitter"><script>new TWTR.Widget({version: 2, type: 'profile', rpp: 10, interval: 30000, width: 300, height: 300, theme: {shell: {background: '#7a7a7a', color: '#000000'}, tweets: {background: '#ffffff', color: '#000000', links: '#3586b8'}},features: {scrollbar: true, loop: false, live: true, behavior: 'all'}}).render().setUser('twitter').start();</script></div>


<div class="fb"><div class="fb-like-box" data-href="http://www.facebook.com/platform" data-width="292" data-show-faces="true" data-stream="true" data-header="false"></div></div>


$(function(){ $('.twitter').draggable({grid: [ 80, 80 ]}); $('.fb').draggable(); });

谢谢你看看。

Answer 1

这里的问题是，由Facebook框创建的iframe拦截了使可拖动插件工作所需的mousedown事件。

您在类似框周围创建的div仍然是可拖动的，而不是iframe本身。你可以在这里看到 - http://jsfiddle.net/3K9uX/1/。

我不相信有可能让你按照自己的意愿行事。 this question中讨论了一个潜在的解决方案。

我要做的是在类似框上方创建一个标题，允许用户拖动整个框。

直播示例 - http://jsfiddle.net/3K9uX/2/

使用JQuery UI制作Facebook Like Box可拖动

1 个答案: