- <script type="text/javascript">
-
- $(document).ready(function(){
- var scrollbar = $("#scrollbar1");
- scrollbar.tinyscrollbar();
- $("a.menu").click(function(){
- $.get("populate.php", {name: $(this).html()}, function(data){
- if (data != "blank") {
- $("#dyn").html(data);
- scrollbar.update();
- }
- },
- "html");
- });
- $("ul.sf-menu").supersubs({ //For some reason, this is interfering with the content-grabbing code
- minWidth: 12, // minimum width of sub-menus in em units
- maxWidth: 27, // maximum width of sub-menus in em units
- extraWidth: 1 // extra width can ensure lines don't sometimes turn over
- // due to slight rounding differences and font-family
- }).superfish(); // call supersubs first, then superfish, so that subs are
- // not display:none when measuring. Call before initialising
- // containing tabs for same reason.
- });
-
- </script>
When I click on a top-level menu link (other than the very first menu link on the page), it simply clears the div with the id "dyn." When I comment out the code that calls Superfish, everything works great. I know that there is some sort of conflict between that superfish does when I click on a menu link and what my code is trying to do, but I do not know enough about jQuery to figure out what is going on. I would
really appreciate some help!
In case you want to look at the whole page (which isn't much), the address is
http://www.javahousemadison.com/sandbox