添加一個DIV下拉列表

我試圖添加一個div作爲下拉菜單到文本。將鼠標懸停在文本鏈接上時，我想讓div出現在文本下方，並在用戶滾動文本，滾動div（或單擊div中的鏈接）時消失。這裏是我到目前爲止的代碼：添加一個DIV下拉列表

我無法獲得div顯示！

這裏有一個jfiddle：http://jsfiddle.net/VtXvB/

查看我的代碼的本地副本沒有找到正確的jQuery庫（因爲我使用的是曖昧的HTTP版本：//或https：/ /）

我修正了這個問題，並在我的腳本標記中添加了「type」屬性，並且都很好。

來源

2012-08-15 Michelle

歡迎來到SO！把它放在[jsfiddle]（http://jsfiddle.net/）中會使調試更容易 – 2012-08-15 16:39:57

請參閱上文！謝謝你的提示。 – Michelle 2012-08-15 17:05:04

這是因爲你在錨標記上使用懸停事件，在這種情況下，當你移動到div時發生非懸停事件，爲什麼該div變得隱藏。所以，而不是你的JS代碼使用下面：

$(document).ready(function(){ 
    $("#menu li").hover(
    function() { 
     $(this).find("a").addClass('active').next('.submenu').addClass('active').slideDown('fast'); 
    }, 
    function() { 
     $(this).find("a").removeClass('active').next('.submenu').removeClass('active').slideUp('fast'); 
    } 
); 
});

來源

2012-08-15 16:47:48

我修改了上面的代碼......但我試着引用li而不是錨標記，但仍然無效。 – Michelle 2012-08-15 17:01:25

@Michelle在你的小提琴代碼中，你不是添加了jquery min文件的引用，也沒有在單引號中指定** css **中的** display **屬性。這裏是[工作演示]（http://jsfiddle.net/VtXvB/5/） – 2012-08-15 17:09:16

你的演示工作完美，但我不能讓它在我的代碼中工作。我將它複製/粘貼到我的網站中，並且它不起作用，所以我厭倦了將它複製/粘貼到一個全新的空白文件中，而且它不起作用。下面是我所做的示例：http://allformyhome.com/test/test.html 這裏是原始的：http：//allformyhome.com/test/index.html 都沒有工作。我在那裏有jQuery的鏈接，但我使用Google託管版本，這是否有所作爲？ – Michelle 2012-08-15 22:59:05

添加一個DIV下拉列表

回答

相關問題