JQuery не найти загруженные элементы после jQuery.load()

Question

JQuery не найден ни одного нагруженных элементов после jQuery.load()

function makeEditForTextBox(textbox,editor) { 
    editor.load("templates/textbox-edit.html"); 
    editor.find("#edit-save").click(function(event) { //here jQuery can't find #edit-save button 
     id=editor.find("#edit-id-name").text(); 
     alert(id); 
     textbox.find("input").attr("id",id); 
     textbox.find("input").attr("name",id); 
     textbox.find("input").attr("placeholder",editor.find("#edit-placeholder").text()); 
     textbox.find("label").text(editor.find("#edit-label-text")); 
     alert("save clicked"); 
    }); 
    alert("loaded"); 
} 

текстового поля-edit.html:

<label>ID/Name</label> 
<input type="text" id="edit-id-name"> 
<label>Label Text</label> 
<input type="text" id="edit-label-text"> 
<label>Placeholder</label> 
<input type="text" id="edit-placeholder"> 
<label>Help Text</label> 
<input type="text" id="edit-help-text"> 
<button id="edit-save">Save</button> 
<button id="edit-cancel">Cancel</button> 

Я загрузил элементы в браузере, но jQuery не может их найти.

Answer 1

find() работает сразу после load()начинается, а не когда load() отделки. Вы можете поместить этот код в обратный вызов, чтобы он выполнялся после завершения загрузки.

http://api.jquery.com/load/

.load (URL [, данные] [, полный])

function makeEditForTextBox(textbox,editor) { 
    editor.load("templates/textbox-edit.html", function(){ 
     editor.find("#edit-save").click(function(event) { 
      id=editor.find("#edit-id-name").text(); 
      alert(id); 
      textbox.find("input").attr("id",id); 
      textbox.find("input").attr("name",id); 
      textbox.find("input").attr("placeholder",editor.find("#edit-placeholder").text()); 
      textbox.find("label").text(editor.find("#edit-label-text")); 
      alert("save clicked"); 
     }); 
    }); 
}