Dropdown menu not working only on firefox http://www.meichipeng.com/portfolio/
I'm trying to find out why the drop down menu on the left hand side not working at all only on FF, working fine on other browsers. Our website is very simple and straight forward coding. Here are our problem pages on the site http://www.meichipeng.com/portfolio/ http://www.meichipeng.com/press/
Thank you
Chosen solution
You can try something like this (not tested).
init: function(options) { this.el = options.el; $(this.el).find("span").click(function(event) { Treenav.toggleMenu(event); }); this.restoreMenuState(); },
toggleMenu: function(event) {
if (typeof event == 'undefined') { event = window.event; }
var _el = event.target||event.srcElement; //console.log(_el);
$(_el).parent().children("ul").slideDown(300);
$(_el).parent().siblings("li").children("ul").slideUp(300);
},
Read this answer in context
👍 2
All Replies (7)
What programming language was used to make this website?
Firefox has some known HTML5 compatibility issues. If this website is in HTML5 format, then you may experience some issues running the site on Firefox.
How can I find out which version of HTML we used? This website is about 3 years old and I just make some edition and maintain the site, not a programmer. Any suggestion to fix this issue why only happens on FF? Thank you
In Firefox you need to pass the event as a parameter.
Firefox doesn't support window.event
Web Console (Firefox/Tools > Web Developer;Ctrl+Shift+K):
TypeError: window.event is undefined @ http://www.meichipeng.com/js/treenav.js:13
function(event){
if (typeof event == 'undefined') { event = window.event; }
var target = event.target||event.srcElement;
...
}
If you didn't program the website, you would need to contact the person/company that did. Since the website is so old, I doubt that it is an HTML5 page.
The page isn't labeled as an HTML5 page in the !DOCTYPE tag, but it could have been incorrectly labeled.
Where should I specify that function in treenav.js? In init or in toggleMenu? Thank you.
init: function(options) { this.el = options.el; $(this.el).find("span").click(function() { Treenav.toggleMenu(); }); this.restoreMenuState(); },
toggleMenu: function() {
_el = window.event.target;
if (!_el) {
_el = window.event.srcElement;
}
//console.log(_el);
$(_el).parent().children("ul").slideDown(300);
$(_el).parent().siblings("li").children("ul").slideUp(300);
},
Chosen Solution
You can try something like this (not tested).
init: function(options) { this.el = options.el; $(this.el).find("span").click(function(event) { Treenav.toggleMenu(event); }); this.restoreMenuState(); },
toggleMenu: function(event) {
if (typeof event == 'undefined') { event = window.event; }
var _el = event.target||event.srcElement; //console.log(_el);
$(_el).parent().children("ul").slideDown(300);
$(_el).parent().siblings("li").children("ul").slideUp(300);
},
That line is just working perfect! Thank you so much, you saved me. This forum is really great!