用JSP 整合Jquery页面 为什么两个功能相似的ul li a 报不是对象或对象为空

问题描述

Jquery<scriptlanguage="javascript">$(document).ready(function(){//首先找到所有主菜单,然后给所有主菜单注册点击事件varaa=$("ul#menu")varas=aa.find("li>a");alert(as);as.click(function(){varaNode=$(this);varlis=aNode.nextAll("ul:first");//让子节点显示或隐藏aNode.find("img").attr("src",function(){vara_src=this.src.split("/");varisize=a_src.length;if($.trim(a_src[isize-1])=="ico_4.jpg"){return"../images/ico_6.jpg";}return"../images/ico_4.jpg";});lis.slideToggle('fast');});});</script><ulid="menu"style="width:150px;"><liid="active"><ahref="#"id="current">Itemone<imgsrc="../images/ico_4.jpg"id="left_a_img"></a><ulid="subnavlist"style="display:none"><liid="subactive"><ahref="#"id="subcurrent">Subitemone</a></li><li><ahref="#">Subitemtwo</a></li><li><ahref="#">Subitemthree</a></li><li><ahref="#">Subitemfour</a></li></ul></li><liid="active"><ahref="#"id="current">Itemtwo<imgsrc="../images/ico_4.jpg"id="left_a_img"></a><ulid="subnavlist"style="display:none"><liid="subactive"><ahref="#"id="subcurrent">Subitemone</a></li><li><ahref="#">Subitemtwo</a></li><li><ahref="#">Subitemthree</a></li><li><ahref="#">Subitemfour</a></li></ul></li><liid="active"><ahref="#"id="current">Itemthree<imgsrc="../images/ico_4.jpg"id="left_a_img"></a><ulid="subnavlist"style="display:none"><liid="subactive"><ahref="#"id="subcurrent">Subitemone</a></li><li><ahref="#">Subitemtwo</a></li><li><ahref="#">Subitemthree</a></li><li><ahref="#">Subitemfour</a></li></ul></li><liid="active"><ahref="#"id="current">Itemfour<imgsrc="../images/ico_4.jpg"id="left_a_img"></a><ulid="subnavlist"style="display:none"><liid="subactive"><ahref="#"id="subcurrent">Subitemone</a></li><li><ahref="#">Subitemtwo</a></li><li><ahref="#">Subitemthree</a></li><li><ahref="#">Subitemfour</a></li></ul></li></ul><divstyle="width:800px;background-color:#FFFFFF;margin:0px;padding:0px;"align="center"><imgsrc="../images/hrblue.gif"style="border:none;"width="700px;"><divclass="cls_border"><divid="arrow_left"class="cls_scroll_left"></div><divid="scroll_container"class="cls_scroll_middle"><divclass="cls_scroll_child"><ul><li><ahref="../jsp/index.do?status=queryAllDell"><imgsrc="../sc/js/scroll/testImages/001.jpg"width="120"height="90"alt="戴尔电脑"title="戴尔电脑"/></a></li><li><ahref="../jsp/index.do?status=queryAllDell"><imgsrc="../sc/js/scroll/testImages/002.jpg"width="120"height="90"alt="戴尔电脑"title="戴尔电脑"/></a></li><li><ahref="../jsp/index.do?status=queryAllDell"><imgsrc="../sc/js/scroll/testImages/003.jpg"width="120"height="90"alt="戴尔电脑"title="戴尔电脑"/></a></li><li><ahref="../jsp/index.do?status=queryAllDell"><imgsrc="../sc/js/scroll/testImages/004.jpg"width="120"height="90"alt="戴尔电脑"title="戴尔电脑"/></a></li><li><ahref="../jsp/index.do?status=queryAllThinkpad"><imgsrc="../sc/js/scroll/testImages/005.jpg"width="120"height="90"alt="联想ThinkPad"title="联想ThinkPad"/></a></li><li><ahref="../jsp/index.do?status=queryAllThinkpad"><imgsrc="../sc/js/scroll/testImages/006.jpg"width="120"height="90"alt="联想ThinkPad"title="联想ThinkPad"/></a></li><li><ahref="../jsp/index.do?status=queryAllThinkpad"><imgsrc="../sc/js/scroll/testImages/007.jpg"width="120"height="90"alt="联想ThinkPad"title="联想ThinkPad"/></a></li></ul></div></div><divid="arrow_right"class="cls_scroll_right"></div></div><scripttype="text/javascript"src="../sc/js/scroll/scroll.js"></script></div>

解决方案

解决方案二:
该回复于2009-08-28 13:37:54被版主删除

时间: 2024-07-31 12:53:39

用JSP 整合Jquery页面 为什么两个功能相似的ul li a 报不是对象或对象为空的相关文章

JQuery页面图片切换和新闻列表滚动效果的具体实现_jquery

最近用到一个页面上图片左右切换和新闻列表滚动呈现的效果,整理如下: 前段代码: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"&g

jsp页面中两种方法显示当前时间的简单实例_JSP编程

在jsp页面实现显示当前的日期时间,我们可以用一下两种方式实现: 1. 通过在jsp页面添加Java代码实现,主要代码如下所示 java.text.SimpleDateFormat simpleDateFormat = new java.text.SimpleDateFormat( "yyyy-MM-dd HH:mm:ss"); java.util.Date currentTime = new java.util.Date(); String time = simpleDateForm

jsp+struts2+jquery ajax返回Internal server error

问题描述 jsp+struts2+jquery ajax返回Internal server error 架构: struts2+jsp+jquery 关键代码: jQuery.ajax({ url: 'business/xxxx.action', data: 'id='+id, type: 'POST', dataType:"json", error: function(request,textStatus,errorThrown) { alert(errorThrown); //前台

jquery页面滚动事件的使用

在现在更加追加页面加载速度和用户体验的情况下,页面的滚动事件使用的越来越多.通常我们使用滚动事件主要做的事情主要有: ajax异步加载,加快页面首次加载的速度 懒加载(或延迟加载):先把HTML元素放到textarea标签中,或把img的链接先放到一个字段里,页面滚动到某个位置时才进行开始加载 顶部导航或侧边导航的焦点跟踪 侧边数字导航的跟踪(例如百度经验) "回到顶部"功能 这两天做了一个demo,大家可以参考一下:页面滚动效果   上图中指出了用滚动事件实现的功能,不过demo中没

JBuilder2005实战JSP之登录页面

js|页面 通过File->New...->Web->双击JSP图标,弹出创建JSP向导的对话框,如下图所示: 图 3 通过向导创建login.jsp ·Web module:如果一个工程下有多个Web模块,你可以通过这儿指定JSP所要加入到的Web模块,因为我们的工程中只有一个webModule,所以是向导将默认设置为webModule. ·Name :键入JSP文件名,你可以键入.jsp后缀,也可以不写后缀,直接键入login就可以了. Generate sample bean选项勾

JBuilder2005实战JSP之特殊页面(5)

js|页面   欢迎页面welcome.jsp 当用户录入正确的密码后,switch.jsp控制JSP页面导向welcome.jsp欢迎页面,在这节里,我们来开发这个welcome.jsp页面.因为welcome.jsp需要使用到一个第三方的标签库,所以在开发welcome.jsp之前需要在JBuilder中作一些配置引入这个标签库. 将第三方标签库配置到JBuilder中 Apache开源组织提供了许多有用标签库,欢迎页面welcome.jsp需要使用一个来源于Apache的datetime标

JBuilder2005实战JSP之登录页面(1)

js|页面 通过File->New...->Web->双击JSP图标,弹出创建JSP向导的对话框,如下图所示: 图 3 通过向导创建login.jsp ·Web module:如果一个工程下有多个Web模块,你可以通过这儿指定JSP所要加入到的Web模块,因为我们的工程中只有一个webModule,所以是向导将默认设置为webModule. ·Name :键入JSP文件名,你可以键入.jsp后缀,也可以不写后缀,直接键入login就可以了. Generate sample bean选项勾

JBuilder2005实战JSP之特殊页面

js|页面 欢迎页面welcome.jsp 当用户录入正确的密码后,switch.jsp控制JSP页面导向welcome.jsp欢迎页面,在这节里,我们来开发这个welcome.jsp页面.因为welcome.jsp需要使用到一个第三方的标签库,所以在开发welcome.jsp之前需要在JBuilder中作一些配置引入这个标签库. 将第三方标签库配置到JBuilder中 Apache开源组织提供了许多有用标签库,欢迎页面welcome.jsp需要使用一个来源于Apache的datetime标签库

jQuery页面的滚动位置scrollTop、scrollLeft

  Web页面常常比显示该页面的浏览器窗口还要大,因为Web文档具有很多内容,往往会导致页面比浏览器还要高,有时候甚至还要宽,这迫使访问者通过滚动来查看整个页面(如图10-8所示).当访问者滚动页面的时候,一部分文档会从视线中消失.例如,Web页面不能完全放入浏览器窗口中,文档会向左或向上滚动,因此,页面的顶部和左边都会消失在视野之内.这意味着浏览器窗口的左上角和文档的左上角并不相同.如果试图放置一个新元素,例如,屏幕顶部的一个动态Banner;而如果只是试图将元素的left和top位置设置为0