2

Retailmenot.com で使用されているフラッシュ コンポーネントを実装しようとしていますが、いくつかの問題に直面しています。

数日間の検索などの後、ゼロクリップボードのフラッシュ要素を実行して複数のクーポンコードを調べ、1 つをクリックしてそのリンクで新しい URL を開くことに成功しました。

私が今それを行うことができず、いくつかのjQueryメソッドで試したのは、ホバーされた要素の右側に「サイトをコピーして開く」ボックスを表示することです。ツールチップのようです。

非表示のフラッシュの下にある dom 要素にメソッド $('.class_element').hover( function (){ } display new div on the left) を適用しようとしましたが、フラッシュが上にあるため、そうではありません引き金になった。

私が行った別の試みは、Zeroclipboard.jsファイルを変更し、内部にフラッシュを保持する絶対divにidを追加し、それにホバーイベントを追加することでしたが、それでも成功しませんでした.

また、Zeroclipboard 要素から addEventListner('mouseover', function(){}) を使用しようとしましたが、成功しませんでした。

dom 要素の上に配置されているフラッシュ コンポーネントのツールチップを作成する方法を教えてください。

ありがとうございました！

4

2 に答える 2

0

デフォルトでは、Flash は DOM 内ではなく、別のウィンドウにレンダリングされます。Flash を DOM 内に移動するには、パラメータwmodeをに追加しますopaque。swfobject を使用してフラッシュをロードする場合、構文は次のようになります。

so.addParam('wmode','opaque');

.hide()また、Flash 要素はそれを保持するコンテナーの高さと幅を知る必要があるため、ホバー インとホバー アウトを使用することはできません.show()。jQuery UI タブから学んだトリックの 1 つは、「非表示」要素を負の位置に配置することです。必要なときは正しい位置に置き、必要ないときは負の位置に戻します。

于 2010-02-02T14:12:57.307 に答える
0

イベントリスナーの追加は機能するはずです。OpenTip と組み合わせて使用​​します。これが私がやった方法です：

var clip = new ZeroClipboard($("#copy-button"));
clip.addEventListener('onMouseOver', function(){
    console.log("mouseOver"); // code to show tool tip goes here
});

clip.addEventListener('onMouseOut', function(){
    console.log("mouseOut"); // code to hide tool tip goes here
});
于 2014-10-07T16:11:49.400 に答える