0

こんにちは私はFacebookのようなボックスを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が、ドラッグ可能なプラグインを機能させるために必要なイベントをインターセプトしていることです。

iframe同様のボックスの周りに作成しているdivは、それ自体の上ではなく、ドラッグ可能です。あなたはここでそれを見ることができます-http://jsfiddle.net/3K9uX/1/。

これを思い通りに動作させることはできないと思います。この質問で議論されている潜在的な解決策があります。

私がすることは、ユーザーがボックス全体をドラッグできるようにする、likeボックスの上に見出しを作成することです。

実例-http ://jsfiddle.net/3K9uX/2/

于 2012-06-06T02:27:10.200 に答える