Javascript代码在流体布局中不起作用+；Adobe CS6 Dreamweaver

我已经开始学习响应式网站。作为其中的一部分，我开始在Dreamviewer CS 6中使用流体网格布局。但问题是java脚本函数不适用于切换

[------------------------------Nav Bar(nav)--------------------------------------------------------------------] [profile]

如图所示，profile div有一个下拉菜单，当屏幕宽度低于480时，导航栏的水平导航栏将转换为垂直导航栏，并有一个切换显示子菜单

帮帮我

//右键单击禁用
$（函数（）{
$（this）.bind（“contextmenu”，函数（e）{
e、 预防默认值（）；
});
}); 
//下拉菜单-注销
$（文档）.ready（函数（）{
$（“.account”）。单击（函数（）{
var X=$（this.attr（'id'）；
如果（X==1）{
$（“.submenu”）.hide（）；
$（this.attr（'id'，'0'）；
}否则{
$（“.submenu”）.show（）；
$（this.attr（'id'，'1'）；
}
});
//鼠标单击子菜单
$（“.submenu”）.mouseup（函数（）{
返回false；
});
//鼠标单击我的帐户链接
$（“.account”）.mouseup（函数（）{
返回false；
});
//文件点击
$（文档）.mouseup（函数（）{
$（“.submenu”）.hide（）；
美元（“.account”）.attr（'id'，''）；
});
});
@charset“utf-8”；
/*简单流体介质
注意：流体介质要求您从HTML中删除介质的高度和宽度属性
http://www.alistapart.com/articles/fluid-images/ 
*/
img，对象，嵌入，视频{
最大宽度：100%；
}
/*IE 6不支持最大宽度，因此默认宽度为100%*/
.ie6 img{
宽度：100%；
}
/*
Dreamweaver流体网格特性
----------------------------------
dw num cols mobile:5；
dw-num-cols片剂：8片；
dw num cols桌面：12个；
dw排水沟百分比：25；
来自伊桑·马科特的“响应式网页设计”的灵感
http://www.alistapart.com/articles/responsive-web-design
和Joni Korpi的黄金网格系统
http://goldengridsystem.com/
*/
/*移动布局：480px及以下*/
@仅介质屏幕和（最大宽度：480px）{
.gridContainer{
左边距：自动；
右边距：自动；
宽度：87.36%；
左：1.82%；
右侧：1.82%；
}
#导航{
明确：无；
浮动：左；
文本对齐：居中；
左缘：4.1666%；
宽度：58.3333%；
显示：块；
}
#导航>ul{
边框：1px实心#e5；
边界半径：5px；
列表样式类型：无；
保证金：0；
填充：0；
最大宽度：200px；
}
#nav>ul>LIA{
显示：块；
文字装饰：无；
填充：10px；
颜色：#666；
}
#导航>ul>li>a{
边框底部：1px实心#e5；
}
#导航>超视距>视距>a:悬停{
颜色：#000；
背景：#e5；
}
#导航>ul>li>a激活{
背景：#e5；
}
#导航>保险商实验室>保险商实验室{
显示：无；
填充：10px 20px 10px 30px；
边界：无；
边框底部：1px实心#e5；
}
#导航>ul>li ul li{
左侧填充：5px；
}
#导航>保险商实验室>保险商实验室{
边界：0；
填充：5px10px 5px0；
}
#导航>超视距>超视距a:悬停{
颜色：#000；
}
#导航>ul>li.下拉列表{
位置：相对位置；
}
#导航>ul>li。下拉列表：之后{
内容：“；
位置：绝对位置；
右：10px；
顶部：14px；
边框顶部：5px实心透明；
边框底部：5px实心透明；
左边框：5px实心#686868；
}
#导航>ul>li.下拉菜单.打开：之后{
内容：“；
位置：绝对位置；
右：12px；
顶部：17px；
左边框：5px实心透明；
右边框：5px实心透明；
边框顶部：5px实心#686868；
}
#侧面图{
明确：无；
浮动：左；
左缘：20.1666%；
宽度：16.6666%；
显示：块；
颜色：#555；
文本对齐：左对齐；
}
.子菜单{
背景：#fff；
位置：绝对位置；
顶部：-12px；
左：-20px；
z指数：100；
宽度：135px；
显示：无；
左边距：10px；
填充：40px 0 5px；
边界半径：6px；
盒影：0 2px 8px rgba（0,0,0,0.45）；
明确：两者皆有；
}
#李安简介{
颜色：#555555；
显示：块；
字体系列：arial；
字体大小：粗体；
填充：6px 15px；
光标：指针；
文字装饰：无；
}
#简介李a：悬停{
背景#155FB0；
颜色：#FFFFFF；
文字装饰：无；
}
a、 帐目{
字体大小：11px；
线高：16px；
颜色：#555；
位置：绝对位置；
z指数：110；
显示：块；
填充：11px 0 0 20px；
高度：28px；
宽度：121px；
利润率：-11px0-10px；
文字装饰：无；
光标：指针；
}
.根{
列表样式：无；
边际：0px；
填充：0px；
字体大小：11px；
填充：11px 0 0px；
边框顶部：1px实心#dedede；
}
}
/*平板电脑布局：481px至768px。继承：移动布局的样式*/
@仅介质屏幕和（最小宽度：481px）{
.gridContainer{
宽度：90.675%；
左侧填充：1.1625%；
右侧填充：1.1625%；
}
#导航{
明确：无；
浮动：左；
左缘：2.5641%；
宽度：74.3589%；
显示：块；
文本对齐：居中；
}
#导航ul{
显示：无；
}
#导航ul li：悬停>ul{
显示：块；
}
#导航ul{
背景色：#fff；
边缘顶部：10px；
填充：0 20px；
列表样式：无；
位置：相对位置；
显示：内联块
$(function() {
    $(document).bind("contextmenu", function(e) {
        e.preventDefault();
    });
    $("body").bind("contextmenu", function(e) {
        e.preventDefault();
    });
});

var X = $(this).attr('id');
if (X == 1) {

$(".submenu").mouseup(function() {
    return false;
});

$(".account").mouseup(function(){
    return false;
});

$(document).mouseup(function(){
    $(".submenu").hide();
    $(".account").attr('id', '');
});