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.不要忽略基礎，基礎很重要。