2016-02-13 169 views
0

我使用jQuery製作了這個表單。甚至在我使用甚至委派之後,元素還沒有被刪除

enter image description here

這是我寫的補充,這是如下的jQuery代碼:

formView:function(){ 
     var htmlStr = '<form><input class = "name"/><input class = "imageUrl"/><input class = "counter"/></form><button class="cancel">Cancel</button>' 
     $('#form').html(htmlStr); 
     // octopus.changeFlag(); 
    } 

和代碼崩潰這種形式,我用jQuery的是如下事件委派:

$('#form').on('click','cancel',function(e){ 
      console.log("Hello world"); 
      $('#form').html(''); 
      // e.preventDefault(); 
     }); 

我的HTML代碼如下:

<body> 
<ul class = "list"> 
</ul> 
<img class="image" src="images/Vaibhav.jpg"> 
<div id="count"></div> 
<div id="admin"> 
    <button class="admin">Admin</button> 
    <div id = "form"></div> 
</div> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 

每當我點擊取消,它應該崩潰窗體,但它沒有發生。提前致謝。

p.s.我是jQuery的初學者。

回答

1

您需要添加.您選擇上課cancel

$('#form').on('click','.cancel',function(e){ 
    console.log("Hello world"); 
    $('#form').remove(); 
    // e.preventDefault(); 
}); 
+0

感謝您的幫助,我一定要找個這個問題,太多的負面影響。 :P但是,嚴重的是,我最近2小時在這個小小的錯字遊走。 –

+1

@AjayGaur這是一個誠實的錯誤。我不認爲任何人會倒下 –