Jquery 복제 기능이 작동하지 않습니다.

Question

버튼을 클릭하면서 div를 복제하려고합니다. 하지만 버튼을 클릭하면 div가 나타나고 페이지 새로 고침과 div가 제거됩니다. 여기 내 JScript 코드입니다 : 여기

$("#button").click(function() { 

     $('.duplicater').clone().insertAfter(".duplicater"); 

    }); 

가 내 html 코드

<div id="duplicater" class="duplicater"> 
The text goes here 
</div> 

<button id="button" class="btn btn-info btn-xs">Add More</button> 

사용자가 사업부는 상쾌한 페이지없이 표시되는 버튼을 클릭하면 내가 원하는 ...

Answer 1

button 행위 제출하여 페이지 제출을 수행 할 수 있으므로 버튼 태그를 변경하려고 시도 할 수 있습니다.

<button id="button" class="btn btn-info btn-xs">Add More</button> 

<button type="button" id="button" class="btn btn-info btn-xs">Add More</button> 

Answer 2

그냥 바이올린에 코드를 검사 :

것도 버튼 태그의 종류는 기본적으로 submit, 그래서 당신은 또한 같은 유형 = "버튼"을 추가 시도해 볼 수도 있습니다 지정하지 않는 경우

<input type="button" id="button" class="btn btn-info btn-xs" value="Add More" /> 

에 Fiddle

잘 작동하는 것 같습니다. 자바 스크립트가로드되기 전에 버튼 요소를로드하기 전에 $ (document) .ready (handler);

$(document).ready(function(){ 
    $("#button").click(function() { 

     $('.duplicater').clone().insertAfter(".duplicater"); 

    }); 
});