andrewkl
12-19-2012, 12:42 AM
I am trying to use the "Split Menu Buttons" API:
http://www.dynamicdrive.com/dynamicindex1/splitmenubuttons.htm
Under IE 9, the above URL renders correctly. However, when I try viewing the following sample code under IE 9:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="splitmenubuttons.css" />
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>
<script src="splitmenubuttons.js">
/* Split Menu Buttons: created: Aug 8th, 2012 by DynamicDrive.com. This notice must stay intact for usage
* Author: Dynamic Drive at http://www.dynamicdrive.com/
* Visit http://www.dynamicdrive.com/ for full source code
*/
</script>
<script>
jQuery(function(){ // on document load
$('a[data-showmenu]').splitmenubuttonMenu() // Add split button menu to links with "data-showmenu" attr
})
</script>
</head>
<body>
<a href="#" data-showmenu="dropmenu2" class="splitmenubutton">Default choice</a>
<ul id="dropmenu2" class="splitdropdown">
<li><a href="#">Second choice</a></li>
</ul>
</body>
</html>
This is what shows up in IE 9:
4850
The down arrow is not showing up in IE 9. The sample code works fine with Chrome and Firefox.
I'm using the default settings in IE 9. What could the problem be?
Thanks
--Andrew
http://www.dynamicdrive.com/dynamicindex1/splitmenubuttons.htm
Under IE 9, the above URL renders correctly. However, when I try viewing the following sample code under IE 9:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="splitmenubuttons.css" />
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>
<script src="splitmenubuttons.js">
/* Split Menu Buttons: created: Aug 8th, 2012 by DynamicDrive.com. This notice must stay intact for usage
* Author: Dynamic Drive at http://www.dynamicdrive.com/
* Visit http://www.dynamicdrive.com/ for full source code
*/
</script>
<script>
jQuery(function(){ // on document load
$('a[data-showmenu]').splitmenubuttonMenu() // Add split button menu to links with "data-showmenu" attr
})
</script>
</head>
<body>
<a href="#" data-showmenu="dropmenu2" class="splitmenubutton">Default choice</a>
<ul id="dropmenu2" class="splitdropdown">
<li><a href="#">Second choice</a></li>
</ul>
</body>
</html>
This is what shows up in IE 9:
4850
The down arrow is not showing up in IE 9. The sample code works fine with Chrome and Firefox.
I'm using the default settings in IE 9. What could the problem be?
Thanks
--Andrew