jq動態生成的元素(標籤)新增點選事件
1.在dataTable表格中根據傳來的資料動態生成a標籤
Columns:最後一列
js部分:
<script>
var ListTable = loadDataTable({
{},
{},
...
{
data: "orderId", width: "25%", render: function (data, type, row) {
if(row.data=='1' ){
return '<a id="test" href="javascript:;" data-setX="2" data-setY="'+data+'">'+'確認'+'</a>';
}
}
});
...
</script>
2.在前臺頁面審查元素看到的a標籤是
<a id="test" href="javascript" data-setX="2" data-setY=""></a>
這裡ajax傳來的資料用bootstrap自定義屬性”data-XXX”來獲取賦值,所以想在後臺通過jq來獲取data-XXX得到的值 :
$(document).on("click","#test",function(){
var value1 = $(this).data("setX");
var value2 = $(this).data("setY");
//value1 = 1;
});
該繫結方法因為父級元素範圍過大容易造成事件冒泡(點選子元素會也點選了父元素的變化),所以直接定義function,在元素中繫結onclick=”“事件也可以
上面的data-setX中”setX”就是自定義的屬性,可以在js中獲取到,但獲取時需要區分大小寫,而且會因為快取原因資料不能及時重新整理。
相關文章
- Jquery 給Js動態新新增的元素 繫結的點選事件jQueryJS事件
- React map生成元素新增點選事件繫結thisReact事件
- 事件委託---動態建立的元素新增事件事件
- jquery為動態新增元素新增事件薦jQuery事件
- JQ選擇器(標籤)學習
- 直播電商平臺開發,Layui給標籤新增點選事件UI事件
- 利用Easy UI生成非同步樹以及動態新增標籤頁UI非同步
- jquery 為動態新增的元素繫結事件jQuery事件
- 動態生成的html元素繫結click事件HTML事件
- jq動態生成二維碼
- H5新增標籤元素H5
- jquery給動態新增的dom元素繫結事件jQuery事件
- jQuery給動態新增的元素繫結事件的方法jQuery事件
- jQuery選擇器 標籤選擇元素+css簡單新增移除操作jQueryCSS
- JS 禁用和重新啟用a標籤的點選事件JS事件
- jq選擇子元素
- jQuery基礎學習(3)(獲取標籤屬性,動態新增標籤)jQuery
- JQuery on()方法繫結動態元素的點選事件無響應的解決辦法jQuery事件
- 關於標籤元素的重點知識
- jquery為動態新增元素註冊事件處理函式jQuery事件函式
- JavaScript動態新增li元素JavaScript
- JS/JQ動態建立(新增)optgroup和option屬性JS
- JavaScript動態生成html元素JavaScriptHTML
- JSP頁面動態生成表格併為表格新增事件JS事件
- 動態生成html元素繫結事件iphone失效問題解決HTML事件iPhone
- 動態建立節點並且給建立的元素新增屬性
- JavaScript 動態建立style標籤JavaScript
- js根據input標籤的type屬性篩選元素JS
- JavaScript 動態新增與刪除元素JavaScript
- jQTips · 動態新增元素的清爽寫法QT
- javascript如何動態生成一個元素JavaScript
- JS中動態新增元素並繫結事件,造成程式重複執行JS事件
- 動態生成HTML元素併為元素追加屬性HTML
- jQuery動態生成html元素的幾種方法jQueryHTML
- jq動態修改select 的option值,使option值自動選中
- 陪玩遊戲系統釋出動態,是怎麼新增話題標籤的遊戲
- JS新增標籤效果JS
- a標籤裡面巢狀一個a標籤,點選子連結標籤時,同時觸發了父標籤a巢狀