2013-04-03 3 views
0

Я так смущен этим. Я использую jquery 1.9.1 для добавления внутреннего html div в другой div. Но при попытке отладки с помощью инструментов разработчика Chrome это дало мне эту ошибку в библиотеке jquery.Объект # <HTMLDivElement> не имеет метода 'empty'

мой Html:

<body> 
    <s:form action="/save" method="POST"> 
     <div class="educationForm"> 
      <div class="educations"> 
       <label>Position</label> 
       <input type="text" name="educations[0].index" value="1" /> 
       <br/> 
       <label>School</label> 
       <input type="text" name="educations[0].school" /> 
       <br/> 
       <label>Degree</label> 
       <input type="text" name="educations[0].degree" /> 
       <br/> 
       <label>GPA</label> 
       <input type="text" name="educations[0].scored" /> 
       <br/> 
       <label>Start Date</label> 
       <input type="text" name="educations[0].startDate" /> 
       <br/> 
       <label>End Date</label> 
       <input type="text" name="educations[0].endDate" /> 
       <br/> 
      </div> 
     </div> <a href="#" id="addButton">Add new Edu</a> 

     <input type="submit" value="Save" /> 
    </s:form> 
    <div class="template_educations" style="display:none"> 
     <div class="educations"> 
      <label>Position</label> 
      <input type="text" name="educations[_X_].index" /> 
      <br/> 
      <label>School</label> 
      <input type="text" name="educations[_X_].school" /> 
      <br/> 
      <label>Degree</label> 
      <input type="text" name="educations[_X_].degree" /> 
      <br/> 
      <label>GPA</label> 
      <input type="text" name="educations[_X_].scored" /> 
      <br/> 
      <label>Start Date</label> 
      <input type="text" name="educations[_X_].startDate" /> 
      <br/> 
      <label>End Date</label> 
      <input type="text" name="educations[_X_].endDate" /> 
      <br/> 
     </div> 
    </div> 
</body> 

Мои ЯШ:

$(document).ready(function(){ 
    $("#addButton").click(function(event){ 
     event.preventDefault(); 
     $(".educationForm").append($(".template_educations").html); 
     $(".educationForm").children(".educations").last().children("input").each(function(){   
      var count = $(".educationForm").children(".education").length(); 
      var value = $(this).attr("name"); 
      value.replace("_X_", count + 1); 
      $(this).attr("name", value); 
     });   
    }); 
}); 

Пожалуйста, помогите мне определить, является ли это ошибка в библиотеке Jquery или есть что-то случилось с моим кодом, так как я не использовал любая функция empty внутри моего кода

ответ

5

должно быть html() ..instead из html ..

.... 
$(".educationForm").append($(".template_educations").html()); 
....             //--^^---here 
+0

Это работает! Спасибо за ваш быстрый ответ –

+2

Yup. Помните, что это вызов метода. –

+0

приветствуется .. веселый кодировка. :) – bipen

2

использование этой линии

$(".educationForm").append($(".template_educations").html); 

, как как

$(".educationForm").append($(".template_educations").html()); 
+0

Спасибо за помощь. –

+0

@doan ваш прием. – John

Смежные вопросы