Javascript 用jQuery制作下拉菜单_Javascript_Jquery_Html

Javascript 用jQuery制作下拉菜单

javascript jquery html

Javascript 用jQuery制作下拉菜单,javascript,jquery,html,Javascript,Jquery,Html,我在浏览器中正确显示下拉图像菜单时遇到问题。代码如下 <!doctype html> <html> <head> <meta charset="utf-8"> <title>jquery test</title> <style> #webmenu{ width:340px; } </style> </head> <body> <script src="//ajax

我在浏览器中正确显示下拉图像菜单时遇到问题。代码如下

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jquery test</title>

<style>
#webmenu{
width:340px;
}

</style>
</head>

<body>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
$(window).load(function() { // makes sure the whole site is loaded
$("body select").msDropDown();
    })
</script>


<select name="webmenu" id="webmenu">
<option value="calendar" title="http://www.abe.co.nz/edit/image_cache/Hamach_300x60c0.JPG"></option>
<option value="shopping_cart" title="http://www.nationaldirectory.com.au/sites/itchnomore/thumbs/screenshot2013-01-23at12.05.50pm_300_60.png"></option>
<option value="cd" title="http://www.mitenterpriseforum.co.uk/wp-content/uploads/2013/01/MIT_EF_logo_300x60.jpg"></option>

</select>

</body>
</html>


jquery测试
#网络菜单{
宽度：340px；
}
$（window）.load（function（）{//确保加载了整个站点
$（“正文选择”）.msDropDown（）；
})

我在github上找到了原始代码，但无法复制它-我是否犯了某种根本性的错误

该页面位于

缺少

msdropdown

插件

及

在调用

msdropdown

<link rel="stylesheet" href="http://www.marghoobsuleman.com/mywork/jcomponents/image-dropdown/samples/css/msdropdown/dd.css">
<script src="http://www.marghoobsuleman.com/mywork/jcomponents/image-dropdown/samples/js/msdropdown/jquery.dd.min.js"></script>

尝试初始化

msDropDown（）

内部

document.ready（）

而不是

窗口。加载

我已经这样做了，但运气不好，恐怕我没有意识到缺少外部链接！谢谢-我已经对代码做了这些更改，并且已经将其放入$（文档）中。阅读本文后准备就绪。我已经仔细检查了外部链接URL，它们看起来不错，但仍然不起作用。你能提供更多的帮助吗？非常感谢Tushar！就这样了。我是jQuery的新手，正是这些基础让我感到沮丧。回顾这一点，我会意识到我是多么的新手：）@user2840467欢迎，每个人在某个时候都是新手：）@user2840467很高兴这有帮助：）

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://www.marghoobsuleman.com/mywork/jcomponents/image-dropdown/samples/js/msdropdown/jquery.dd.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $("body select").msDropDown();
    });
</script>