2011-07-24 85 views
-3

我每次用鼠標移動網頁中的div標籤時,都會使用下面的命令來製作一個彈出框,並且我試圖在任何網頁中插入此命令我正在解析,因此我將該命令追加到頭如下:JQuery中的彈出框

head.append("$('div').attr('onmouseover', 'balloon.showTooltip(event,You are hovering, I said click me! <a href=www.google.com>Click</a>)');"); 

其中 氣球是我以前

定義它的對象,但它不工作

+0

零upvotes演員以及...... –

+0

你將不得不提供更多的上下文到你的問題,所以我們可以明白你真的想要做什麼。什麼是「頭」?當你說它不起作用時,你是什麼意思?你的意思是它沒有插入到DOM中,或者你的意思是鼠標懸停功能不起作用。你看過腳本錯誤嗎?你嘗試了什麼,到目前爲止你知道些什麼。只是說:「但它不起作用」給我們沒有任何信息。 – jfriend00

回答

1

除了不理解什麼是真正的問題是,有很多的事情此代碼錯誤。我看到的主要問題是showTooltip函數調用不是合法的JavaScript,因爲消息不是帶引號的字符串。另外,這不是在jQuery中使用事件處理程序的好方法。假設頭在你的頁面(而不是頭部標籤)jQuery對象,試試這個:

head.append($("<div class='test'>").mouseover(function() { 
    balloon.showTooltip(event, "You are hovering, I said click me! <a href='http://www.google.com'>Click</a>"); 
}); 

的另一個問題這是你創建並添加到頁面<div>沒有大小,所以你永遠不會得到一個鼠標懸停事件。如果你給它一個有限的大小,它可以工作。你可以在這裏看到:http://jsfiddle.net/jfriend00/Y6LGT/我給它一個類名並使用CSS來給它一個大小。