jquery 点击事件

原创 2015年07月10日 16:58:27

今天做了一个点击事件 有一级菜单和二级菜单,下面点击事件是对二级菜单的点击。  

 panel.on("click","#userStatistics li", function(){

var userStaType = $(this);

if(userStaType.data("type") == "user"){
            self.staffTaskStatisticsChart.show();
            self.projectTaskStatisticsChart.hide();
            self.teamTaskStatisticsChart.hide();
            self.getUserStatisticsDataByTask(type, true);
            return false;
            }else if(userStaType.data("type") == "project"){
            self.staffTaskStatisticsChart.hide();
            self.projectTaskStatisticsChart.show();
            self.teamTaskStatisticsChart.hide();
            self.getProjectStatisticsData(type, true);
            return false;
            }else if(userStaType.data("type") == "team"){
            self.staffTaskStatisticsChart.hide();
            self.projectTaskStatisticsChart.hide();
            self.teamTaskStatisticsChart.show();
            self.getTeamStatisticsData(type, true);
            return false;
            }

}

结果不起作用。

之后改成panel.find("#userStatistics ")on("click","li", function(){

var userStaType = $(this);

if(userStaType.data("type") == "user"){
            self.staffTaskStatisticsChart.show();
            self.projectTaskStatisticsChart.hide();
            self.teamTaskStatisticsChart.hide();
            self.getUserStatisticsDataByTask(type, true);
            return false;
            }else if(userStaType.data("type") == "project"){
            self.staffTaskStatisticsChart.hide();
            self.projectTaskStatisticsChart.show();
            self.teamTaskStatisticsChart.hide();
            self.getProjectStatisticsData(type, true);
            return false;
            }else if(userStaType.data("type") == "team"){
            self.staffTaskStatisticsChart.hide();
            self.projectTaskStatisticsChart.hide();
            self.teamTaskStatisticsChart.show();
            self.getTeamStatisticsData(type, true);
            return false;
            }

}

好了   

原因还没找到。

JQuery各种点击事件的区别

在工作中,经常用到js的点击事件,有好多种表现形式,今天抽空总结一下它们的区别与联系。废话不多说,开始写测试案例。首先声明,本人水平有限,如果有错误之处,还请指正。 一、.点击事件,用到的有  1:$...
  • Lingfeng928
  • Lingfeng928
  • 2016年08月02日 16:02
  • 8560

JQuery 自动触发事件

常用模拟 有时候,需要通过模拟用户操作,来达到单击的效果。例如在用户进入页面后,就触发click事件,而不需要用户去主动单击。 在JQuery中,可以使用trigger()方法完成模拟操作。例如可...
  • rrr4578
  • rrr4578
  • 2014年05月29日 14:22
  • 136451

Javascript(jQuery)中绑定页面上所有按钮点击事件的几种方式

方法一:使用document对象查找所有的按钮 //按照dom的方式添加事件处理 function BindByDom() { try{ ...
  • mfcing
  • mfcing
  • 2016年10月12日 22:36
  • 9659

jquery 调用 click 事件 的 三种 方式

第一种方式: $(document).ready(function(){ $("#clickme").click(function(){ alert("Hello World ...
  • topwqp
  • topwqp
  • 2013年01月31日 23:05
  • 92749

关于jQuery绑定事件会叠加的解决和心得总结

关于jQuery绑定事件会叠加的解决和心得总结
  • Willerfu
  • Willerfu
  • 2016年03月27日 19:20
  • 2310

Jquery封装之----事件绑定(一)

在今天的博客中,有些问题比较突出,所以要多多注意 一.问题所在 现代绑定中W3C 使用的是:addEventListener 和removeEventListener。IE 使用的是 attac...
  • xiaoerduo123x
  • xiaoerduo123x
  • 2016年02月10日 18:52
  • 985

jQuery事件控制点击内容下拉

1、设计实例 jQuery事件 body{ font-family:微软雅黑; font-size:12px; font-stretch:normal; back...
  • you23hai45
  • you23hai45
  • 2014年11月22日 16:43
  • 1818

jQuery自定义元素右键点击事件

大多数情况下我们使用左键来进行页面交互,而右键大部分对于开发者来说是审查元素的,有的时候我们也要自定义鼠标右键点击行为来达到更好的交互性,常见的有漫画左键前进、右键后退。第一步我们要屏蔽浏览器默认的右...
  • u014291497
  • u014291497
  • 2016年08月21日 15:45
  • 15473

Jquery处理table中每行中某个td的click事件

如何相应html table中每个td的click事件呢?如果是使用Jquery的话,可以像下面这样做。 html table 截图 html table 源代码 ...
  • linsongbin1
  • linsongbin1
  • 2015年09月21日 17:52
  • 15273

使用jQuery模拟鼠标点击a标签事件

[文章作者:磨延城 转载请注明原文出处: http://mo2g.com/view/42/ ] 我尝试过多次用jQuery模拟用户点击a标签的功能,但都没有成功,并且困扰了很久。...
  • daijiguo
  • daijiguo
  • 2015年09月28日 10:55
  • 3207
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery 点击事件
举报原因:
原因补充:

(最多只允许输入30个字)