無法應用的jQuery

Question

我有一個頁面searchKB.jsp，它有一些像這樣的代碼：

$.ajax({ 
    type: "GET", 
    data: {app:app,env:env,ptitle:ptitle,kbaseId:kbaseId}, 
    url : 'jsp/knowledgeBase/kbResults.jsp', 
    success: function(res){ 
     getResponse(res); 
    }, 
    error: function(){ 
     document.getElementById("message").style.display=""; 
     $('#message').html("<b><font color=red face=Arial size=2>An Error encountered while processing your Request.Please try again after sometime.</font></b>"); 
    } 
}); 
function getResponse(response){ 
    document.getElementById("message").style.display="none"; 
    document.getElementById("KBInfo").innerHTML = response; 
} 

searchKB.jsp呼籲kbResults.jsp通過上面的代碼，現在我要上的內容適用的jQuerykbResults.jsp ..我會怎麼做？

我什麼都試過，但未能

<input type="button" id="expand3" value="Hide"/> <div id="result3">hide this</div>

和相應的jQuery代碼

$("#expand3").click(function(){ $("#result3").hide(); });

Answer 1

假設使用標識expand3和result3元件由AJAX調用來了，你可以做這樣的事情：

$.ajax({ 
    type: "GET", 
    data: {app:app,env:env,ptitle:ptitle,kbaseId:kbaseId}, 
    url : 'jsp/knowledgeBase/kbResults.jsp', 
    success: function(res){ 
     getResponse(res); 
    } // removed the error callback for clarity 
}); 
function getResponse(response){ 
    $("#message").hide(); 
    $("#KBInfo").html(response); 

    // only then attach the listener 
    // because #expand3 needs to be in the DOM 
    $("#expand3").click(function(){ 
     $("#result3").hide(); 
    }); 
} 

或者，你可以使用@ ashokd與委託監聽的解決方案。

Answer 2

嘗試使用這樣的事情。

$(document.body).on("click", "#expand3", function(){ 
    $("#result3").hide(); 
});