2014-01-23 55 views
0

Iam通過現有頁面中的ajax獲取表單。當iam去通過jquery按鈕上的點擊事件它不能正常工作如何通過jquery在ajax表單按鈕中進行點擊事件

Iam基於該值做onchange事件iam通過ajax獲取結果在現有的形式我有一個按鈕。 IAM試圖讓單擊事件在現有頁面使用jQuery 像

<button class="del" value="2"> Delete </button> 

此按鈕從阿賈克斯來得那麼是有可能做出這樣的單擊事件。
按鈕類的名字是德爾

$(document).ready(function(){ 
    $(".del").click(function(){ 
     alert($(this).val()); 
    }); 
}); 

通過JavaScript我可以作出這樣

onclick="javascript:delete()" 

<button class="del" onclick="javascript:delete()" value="2">Delete</button> 

是否有可能通過jQuery來使點擊事件Ajax的按鈕? 我用(點擊)也,但它不工作

$(".del").on("click",function(){ 
    alert($(this).val()); 
}); 

感謝&問候

+0

你能顯示你的HTML嗎?也許你的'.del'元素在你添加處理器時不存在 – putvande

回答

0

嘗試:

$(document).on("click", ".del", function(){ 
    alert($(this).val()); 
}); 

說明:

當你調用$(".del").on("click",function(){ ... });,該事件是「綁定「到所有.del存在現在

雖然通過Ajax添加這些內容,但它們仍然存在。通過將事件綁定到document(與$(document).on("click", ".del", function(){ ...),將捕獲現有和未來.del上的所有點擊。

+0

我試過這樣也 $(document).on(「click」,「。del」,function(){ alert($ this).val()); }); 但它不起作用 –

+0

@SrinuM似乎這應該是答案..你能詳細說明「不工作」?你看到控制檯中有任何錯誤嗎? –

+0

@SrinuM它是否會給出任何錯誤?如果我們正確地理解你的問題,它應該有效。 – acdcjunior

相關問題