동적 입력 필드가 작동하지 않습니다.

Question

안녕하세요, 제 스크립트에 문제가 있습니다. 나는 역동적 인 분야를 만들고 싶다. 친절 그런데

 $(document).ready(function() { 
 
     var max_fields  = 10; 
 
     var wrapperss   = $(".wrappers"); 
 
     var add_button  = $(".btn"); 
 
     var x = 1; 
 
     $(add_button).click(function(e){ 
 
      e.preventDefault(); 
 
      if(x < max_fields){ 
 
       x++; 
 
       $(wrapperss).append('<div><input type="text" name="nama[]"/><a href="#" class="hapus">Hapus</a></div>'); 
 
      } 
 
     }); 
 
     
 
     $(wrapperss).on("click",".hapus", function(e){ 
 
      e.preventDefault(); $(this).parent('div').remove(); x--; 
 
     }) 
 
    }); 
 

 

 

<button class="btn">Tambah baris</button> 
 
     <?php echo form_open('inputbanyak/save'); ?> 
 
     <div class="wrappers"> 
 
     <div><input type="text" name="nama[]"></div> 
 
    
 
    </div> 
 
    <input type='submit' class='button'> 
 
     <?php echo form_close(); ?>

먼저 내 스크립트를 확인하시기 바랍니다, 내가 부트 스트랩을 사용하고 있습니다. Tambah baris을 누르면 아무 것도 바뀌지 않습니다.

Answer 1

여러 클래스 선택이 잘못, 공간을 제거하고 추가하십시오 . :

var add_button = $(".btn.tmbh");//$(".btn tmbh"); 

또한, 당신은 단지 행동에 대한 귀하의 버튼을 대상으로 한 CSS 클래스 (btn 또는 tmbh)를 사용할 수 있습니다, 당신은 필요 없어요 양자 모두.

하나 맞춤법 실수 : 물론

var wrapperss = $(".wrappers");//$(".wrapperss"); 

Answer 2

그들은 것입니다 당신이 정말로 당신의 CSS 클래스 이름입니다주의해야한다하지 우선. 다음은 css 클래스 "btn tmbh"입니다.

<button class="btn tmbh"> 

은 CSS에서 이것은 CSS 2 클래스, 제 BTN 클래스를 사용하고, 및 제 2 클래스 tmbh 의미한다. 당신이 그런 식으로 그 CSS 클래스를 사용하는 그겁니다, 당신은 당신이 시도하고 싶은 일을 정말 가지고 그나마이 코드

var add_button  = $(".btn tmbh"); 

대한 JQuery와 경로에 몇 가지 실수를 계속하고 있습니다,하지만 난 당신을 무엇을 추측 할 수 필요. 여기 우리는 당신은 당신이

varr add_button = $(".btn_tmbh") 

처럼 jQuery 코드에서 그 CSS 클래스를 호출 ".btn_tmbh"당신 버튼 클래스 엉덩이를 정의 할 수 있습니다 ... 이동하지만 당신은 당신의 CSS 클래스를 치료하려면 합성 식별자로 올 것 인 2 개의 다른 클래스로서 (2 개의 다른 CSS 클래스를 사용하는 것에 의해, 나는 그것을 사용하고있는 방법을 모르고있다, 식별자로서 학급을 사용하는 대신에, 더 좋은 길은 id를 사용하는 것이라고 생각한다) 이 같은 CSS 경로를 사용하는 것이 필요합니다.

우리는 2 개의 다른 클래스 ".btn"과 "tmbh"를 가지며 2 개의 다른 요소를 가지고 있다고 가정합니다. 우리는이

$(".btn > .tmbh") 

더 정확한 CSS 경로처럼 우리의 CSS 클래스 경로를 정의 할 필요하면이 하나 개 같은 요소에 두 개의 서로 다른 클래스를 사용하려면

$("<your-element-type>.btn > <your-element-type>.tmbh>") 

사용할 수있는이 클래스 경로 형식처럼

.class1.class2 

버튼, 입력, div, ul, li, table, tr, td 및 기타 html 태그와 같은 많은 것들이있을 수 있습니다.

그래서 코드를 완전히 이해하지 않고 샘플 코드 만 검색하는 대신 CSS 경로에 대해 자세히 알아야한다고 생각합니다.