麻煩onmouseover功能

我在jquery中獲取onmouseover函數時遇到了問題。我想要做的是，當你將鼠標懸停在「這裏」這個單詞上時，圖像彈出。該插件工作正常，只是不知道如何處理onmouseover或懸停事件？麻煩onmouseover功能

HOVER原位缺口工作在我的代碼

('a.lightbox').hover(function(){ 
    $('a.lightbox').lightBox();  
}); 

<body> 
    <form id="form1" runat="server"> 
    <div id="outer"> 
    <a href="image1.jpg" class="lightbox">here</a> 
    </div> 
    </form> 
</body>

這並不工作要麼.....

$('a.lightbox').hover(function() { 
    $(this).lightBox(); 
    });

是不是有東西在那裏我可以一個字和圖像持久性有機污染物只需將光標懸停向上？

來源

2011-03-08 Nick LaMarca

你忘了$ 。試試這個

$('a.lightbox').hover(function(){ 
    $('a.lightbox').lightBox();  
});

此外，您可以使用$(this).lightBox();代替第二行。

下面是一個例子：http://api.jquery.com/hover/#hover2

來源

2011-03-08 22:08:37 grant

這並不工作 – 2011-03-08 22:13:48

那麼'.hover'的作品，你甚至可以檢查文檔（我發佈的鏈接）。它可能是你的選擇器或'.lightBox（）'。我不太瞭解燈箱的工作原理，但是andypaxo指出你使用它的方式可能是錯誤的。試試這個：打開錯誤控制檯（Firefox）或雙擊狀態欄（IE）中的「錯誤」消息或任何瀏覽器的等效內容，然後檢查哪一行導致錯誤以及原因。 – grant 2011-03-12 10:42:59

檢查燈箱文檔，看起來像只要你有JavaScript鏈接和有類「燈箱」，第二行應該工作。另外，如果錯誤控制檯（或w/e）沒有顯示任何錯誤，請在hover函數中加入'alert（'hi'）;'看看它是否真的在運行。如果沒有，那麼你的選擇器可能有問題。 – grant 2011-03-12 10:54:19

嘿，你錯過的jQuery

的 '$' 符號

看到演示這裏http://jsfiddle.net/Vjhz3/7/

來源

2011-03-08 22:05:57 Mahesh

這顯示一個警報...你可以修改它來顯示圖像？ – 2011-03-08 22:23:24

@Nick LaMarca：chk現在 – Mahesh 2011-03-08 22:35:25

我不想點擊，而是懸停....我有它工作點擊，但我需要懸停在單詞上，並顯示圖像。那可能嗎？ – 2011-03-08 22:37:21

兩件事情......

你想在第一行使用$('a.lightbox')，不('a.lightbox')
我不認爲這是正確的方式來使用燈箱，看看文檔

來源

2011-03-08 22:07:36 andypaxo

除了缺少$符號，這個代碼將不能工作，因爲它會打開與選擇a.lightbox所有元素，而不僅僅是一個徘徊時，試試這個：

$('a.lightbox').hover(function(){ 
    $(this).lightBox();  
});

來源

2011-03-08 22:08:21 clumsyfingers

這不起作用 – 2011-03-08 22:15:56

除了@mahesh發現的問題，您應該也不能使用hover功能;當使用hover帶一個功能時，當鼠標進入和離開該元素時使用您的功能。改爲使用mouseenter或mouseover事件。

來源

2011-03-08 22:08:38 Jacob

麻煩onmouseover功能

回答

相關問題