{"id":6095,"date":"2014-04-13T02:18:01","date_gmt":"2014-04-13T02:18:01","guid":{"rendered":"https:\/\/unknownerror.org\/index.php\/2014\/04\/13\/drop-down-menu-is-not-working-collection-of-common-programming-errors\/"},"modified":"2014-04-13T02:18:01","modified_gmt":"2014-04-13T02:18:01","slug":"drop-down-menu-is-not-working-collection-of-common-programming-errors","status":"publish","type":"post","link":"https:\/\/unknownerror.org\/index.php\/2014\/04\/13\/drop-down-menu-is-not-working-collection-of-common-programming-errors\/","title":{"rendered":"Drop-down menu is not working-Collection of common programming errors"},"content":{"rendered":"

I have zurb’s foundation implemented in Joomla.<\/p>\n

I’ve done everything as required by this page as demonstrated by first example: http:\/\/foundation.zurb.com\/docs\/components\/dropdown.html<\/p>\n

And I’ve also added this just before body tag<\/p>\n

    \n     $(document).foundation();\n    \n<\/code><\/pre>\n
It’s still NOT<\/strong> working.<\/p>\n
Wondering why …<\/p>\n
EDIT<\/strong><\/p>\n
Let me know what other information I could provide in order to troubleshoot this. I’m honestly at loss at why it’s not working.<\/p>\n
\/EDIT<\/strong><\/p>\n
Here are the files that shows in in source code, wondering if it’s caused by any form of conflict?<\/p>\n
      \n      \n       \n       \n       \n       \n       \n      \n              window.addEvent('load', function() {\n              new JCaption('img.caption');\n        });\n     \n\n   \n\n   \n       $(document).ready(function(){\n       $( \".button-group li a\" ).addClass( \"button\" );\n       $( \".readmore\").addClass(\"small button\");\n       $( \".menubottom-menu li\").addClass(\"inline-list left\");   \n       $( \".programs\" ).attr( 'data-dropdown','drop1' );\n       $( \".small\").addClass(\"f-dropdown\");\n       $( \".small\").attr('id', 'drop1');\n       $( \".f-dropdown\").attr('data-dropdown-content', '');\n      });\n  \n<\/code><\/pre>\n
EDIT 2<\/strong><\/p>\n
Am posting results of javascript’s console …<\/p>\n
\n
Uncaught TypeError: Cannot call method ‘append’ of null foundation.min.js:13<\/p>\n
Uncaught ReferenceError: Foundation is not defined foundation.dropdown.js:183<\/p>\n
Uncaught TypeError: Object [object Object] has no method ‘foundation’ (index):253<\/p>\n<\/blockquote>\n
Also, just in case there’s any misunderstanding of converting from $() to jQuery():<\/p>\n
      \n           jQuery(document).ready(function(){\n              jQuery( \".button-group li a\" ).addClass( \"button\" );\n              jQuery( \".readmore\").addClass(\"small button\");\n              jQuery( \".menubottom-menu li\").addClass(\"inline-list left\");   \n              jQuery( \".programs\" ).attr( 'data-dropdown','drop1' );\n              jQuery( \".small\").addClass(\"f-dropdown\");\n              jQuery( \".small\").attr('id', 'drop1');\n              jQuery( \".f-dropdown\").attr('data-dropdown-content', '');\n              jQuery( \"li .item-107 a\").removeClass(\"button\");\n          });\n        \n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
I have zurb’s foundation implemented in Joomla. I’ve done everything as required by this page as demonstrated by first example: http:\/\/foundation.zurb.com\/docs\/components\/dropdown.html And I’ve also added this just before body tag $(document).foundation(); It’s still NOT working. Wondering why … EDIT Let me know what other information I could provide in order to troubleshoot this. I’m honestly […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-6095","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts\/6095","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/comments?post=6095"}],"version-history":[{"count":0,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts\/6095\/revisions"}],"wp:attachment":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/media?parent=6095"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/categories?post=6095"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/tags?post=6095"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}