2012-03-11 75 views
0

我創建了一個頁面,該頁面使用jQuery AJAX從另一個頁面接收按鈕,但是當我單擊此按鈕時沒有任何反應。代碼:無法使用jQuery在DOM中選擇元素

$(function() { 
    //$("#Menu ul li").click(function() { alert("ok"); }); 

    $("a").button(); 

    $("#Menu ul li:nth-child(2)").click(function() { 
     $("#ajaxLoader").fadeIn('slow'); 
     $.ajax({ 
      url: "CreateDataBase.htm", 
      type: "GET", 
      dataType: "html", 
      success: function (data) { 
       $("#ajaxLoader").fadeOut('slow'); 
       $("#Sample").html("").append(data).css("textAlign", "center").css("paddingTop","30px") ; 
       $("a").button(); 
      } 
     }); 
    }); 

    $("#Sample input:submit").click(function() { alert("Ok"); }); 
}); 

CREATEDB頁:

<a id="CreateDB">Create a Database</a> 

我也使用jQuery UI。 code in snipt.org

+1

難道當你綁定按鈕存在嗎?如果沒有,您需要使用委託的on()版本(請閱讀文檔),或者您需要將事件綁定到按鈕,然後再將其插入到DOM中。 – Corbin 2012-03-11 09:08:57

+0

你是什麼*「那recive從另一個網頁上的按鈕」 *是什麼意思?你指的是哪個點擊?堂妹有3個單擊處理這裏 – Joseph 2012-03-11 09:12:02

回答

0

嘗試在jQuery的API使用活法。有些事情如下

$("#Sample input:submit").live("click", function(){ alert("Ok"); });  
+3

現場()現在已經過時,所以除非他明確提到一個老版本的jQuery,你或許應該去上()。 – Corbin 2012-03-11 09:13:48

0

當你的事件被綁定時,按鈕不在那裏。 你想要麼在Ajax的成功回調,或(更好)綁定事件中使用eventdelegation:

$('body').on('click', "#Sample input:submit", function() { alert("Ok"); }); 

看到http://api.jquery.com/on/瞭解詳情。