0

嗨，我正在尝试通过将 Facebook Like Box 放置在 div 中来使其可拖动。Like Box 显示良好，但不拖动。我在它之前有一个 twitter 小部件，它工作得很好。

<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(); });

谢谢参观。

4

1 回答 1

0

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

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

我不相信有可能让这个工作如你所愿。这个问题中讨论了一个潜在的解决方案。

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

现场示例- http://jsfiddle.net/3K9uX/2/

于 2012-06-06T02:27:10.200 回答