2010-02-02 55 views
2

我想實現零售網絡上使用的Flash組件,我正面臨着一些問題。zeroclipboard懸停

經過幾天的搜索和這樣我成功做zeroclipboard閃存元素來檢查我的多個優惠券代碼,當我點擊一個打開一個新的URL與該鏈接。

我現在無法做到這一點,並且我嘗試過使用幾種jQuery方法,在我正在使用的懸停元素的右側顯示「複製並打開網站」框。它看起來像一個工具提示。我試圖應用在不可見閃光下的dom元素方法$('。class_element')。hover(function(){}在左邊顯示新的div),但由於閃光在頂部,它不會被觸發。

我做的另一個嘗試是修改Zeroclipboard.js文件,並將ID添加到內部保存閃存的絕對div,並在其上添加懸停事件,但仍然沒有成功。

我也嘗試使用Zeroclipboard元素中的addEventListner('mouseover',function(){}),但是沒有成功。

你能否給我建議我如何能夠爲定位在dom元素頂部的flash組件提供某種工具提示?

謝謝!

回答

0

默認情況下,Flash呈現在單獨的窗口中,而不是DOM內部。要使Flash進入DOM,請將參數wmode添加到opaque。如果您使用SWFObject加載閃存,語法爲:

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

此外,Flash元素需要知道拿着它的容器的高度和寬度,所以你不能使用.hide().show()當懸停進出。我從jQuery UI選項卡中學到的技巧之一是將「隱藏」元素置於負面位置。需要時,將其放在正確的位置,不需要時,將其放回到負位置。

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