我的javascript megamenu下拉列表无法正常工作,而且也没有。我认为它是一个javascript问题,但我正在努力确定实际出了什么问题。
我使用了Google Chrome" Inspect Element" >控制台有3个问题:
如果有人能指出我对javascript有什么问题的正确指示,我将不胜感激?提前谢谢。
答案 0 :(得分:1)
您应该在代码中使用较少的Div。
您的两个下拉菜单:按类别划分的帐户和商店无效。
至于侧边栏,我相信你的盒子尺寸有误。你的Bullon图表被削减了。
你的一些菜单比其他菜单长。
是什么让您相信网页上有错误?
您应该使用浏览器提供的内部变量。我见过很多翻译代码。
以下是示例代码:
function alertSize() {
var myWidth = 0, myHeight = 0;
if( typeof( window.innerWidth ) == 'number' ) {
//Non-IE
myWidth = window.innerWidth;
myHeight = window.innerHeight;
} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
//IE 6+ in 'standards compliant mode'
myWidth = document.documentElement.clientWidth;
myHeight = document.documentElement.clientHeight;
} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
//IE 4 compatible
myWidth = document.body.clientWidth;
myHeight = document.body.clientHeight;
}
window.alert( 'Width = ' + myWidth );
window.alert( 'Height = ' + myHeight );
}
如果要使用下拉菜单,则需要使用Click等事件。 W3C有很多代码示例和良好的文档。
以下是来自W3C School的有趣代码示例:
<!DOCTYPE html>
<html>
<body>
<h1 onclick="this.innerHTML='Ooops!'">Click on this text!</h1>
</body>
</html>
如果您想要简单有效的方法,可以随时使用JQuery。 Javascript有许多可以使用的库。
请参阅此页面以查找JQuery中已弃用和过时的函数:http://api.jquery.com/category/deprecated/
您可以在此页面的Javascript中找到已弃用的功能:“Mozilla已弃用且已过时的功能”
如果您想继续使用旧功能,可以降级或使用插件来恢复旧功能。