I found a responsive menu code here and I want to add it to my Drupal 7 site. I have no experience with JavaScript, but I thought that if i just copy the script into mytheme/js/menu.js, call it in mytheme.info, and add the HTML to a block, I will have the script up and running.
The HTML part works fine, but the JavaScript part isn't working.
Why doesn't my JavaScript code work?
Well adding JavaScript can be done through drupal_add_js().
You can add the JavaScript code in your template.php file.
In your template.php file, create a page preprocess function
function MYTHEME_preprocess_page(&$vars) {
drupal_add_js(drupal_get_path('theme', 'MYTHEME') . "/js/cool.js", array("preprocess" => True));
}
Clear the cache
Load your page and check the page source code to see if cool.js is being loaded; use ctrl+f to see if the file is present there
If the effect is still not coming, then verify the IDs in the HTML are correct
You can use Singe page website module to create single page website in the drupal 7.
You can check example for implementation of the module.
I have also checked your site engeego and I found that there is some javascript issue.
If you include javascript in drupal 7 theme, you need to enclose this into below function.
(function($) {
//your code
})(jQuery);
