EasyUi中的datagird中a标签的click事件没法触发？（已解决）

***************************2015-10-29 21:07*************************

问题以下:

datagrid最后一列编辑中有以下a标签

 { field: "编辑", title: "编辑", width: 100, align: "center", //value表示字段值，row表示当前行的值，index表示当前行的索引
                        formatter: function (value, row, index) { // var theHref = "<span class='deleteSpan' onclick='deleteStu("+row.id+")'>删除</span>";
                            var theHref = "<a stuName='"+row.stuName+"' class='delete' href='<%=basePath%>json/stu_delete.action?id=" + row.id + "'>删除</a>"; return theHref; }

可是个人方法就是触发不了，好奇怪的样子!？

问题记录在这里有时间来搞，如今换一种方法。

//点击删除发生的事件
            $(".delete").click(function(){ ....... });

 此版本相关代码：http://yunpan.cn/cFU6EL4jpLrXu  访问密码 2727

 

 ***************************2015-10-29 21:40*************************

在解决思路的过程当中发现了以下问题：

若一个按钮绑定方法若是写在：$(function(){function(){xxxxxx}});外面，绑定的事件多是无效的。

因此：须要外界调用的方法不能不能下载$(function(){mehtod...})里面。

这个其实很简单：绑定事件的时候可能元素还未被生成，因此说在元素绑定的时候，必定要在页面加载完成后进行。

 

***************************2015-10-30 20:52*************************

说明:不是由于click事件未触发，是触发了，而后立刻页面跳转了，看出出来而已。

问题简化以下：

当时的html代码以下：

<a stuname="王华" onclick="myTest();;" href="http://localhost:8080/ssh_easyui/stu_delete.action?id=32434">删除</a>

在myTest中是如此写的

function myTest() { console.info("XXXXXXXXX"); return false; }

本意是在这个实际中阻断a标签的跳转，由于记得之前谁用过，隐约记得这个方法能够这么用。

可是今天才发现这个想法是错的，这样只是退出myTest这个方法没法阻断，解决方法应该写成：

<a stuname="王华" onclick="myTest();return false;" href="http://localhost:8080/ssh_easyui/json/stu_delete.action?id=32434">删除</a>

在myTest()的后面添加return false;才行。

上述问题Over。

 

综上总结以下：

1.a标签的阻止跳转是在click事件同级的后面添加return false; 2.不要忽略基础，基础很重要。