2014-06-27 48 views
1

以下是我的代碼

$(document).ready(function() { 
     $(document).on('click', '.delete', function (event) { 
      event.preventDefault(); 
      var id = $(this).closest('.row').attr('id'); // row ID 
      alert(id); 
      var i = confirm("Want to Delete this"); 
      if (i === true) { 

       $("#" + id).remove(); 
      } 
     }); 
    }); 

此代碼不能在點擊任何元素排它被移除內容,並沒有問Want to delete this 代碼正常工作應只有激活點擊.delete

這是我的小提琴http://jsfiddle.net/RHKhw/

如何糾正它。

+2

確認彈出窗口「彈出」在你的小提琴(鉻)完美。 –

+0

@ChristoferEliasson會有什麼不同? – Scimonster

+0

小提琴彈出問題,當我點擊圖片 –

回答

1

如果你只想刪除點擊圖像時:

$(document).ready(function() { 
     $('.delete').on('click',function (event) { 
      event.preventDefault(); 
      var id = $(this).closest('.row').attr('id'); // row ID 
      alert(id); 
      var i = confirm("Want to Delete this"); 
      if (i === true) { 
       $("#" + id).remove(); 
      } 
     }); 
    }); 

還需要刪除data-dismiss="alert"http://jsfiddle.net/RHKhw/12/

+0

沒有區別相同的代碼 – xrcwrn

+0

刪除'data-dismiss =「alert」' –

+0

使用上面的代碼並刪除'data-dismiss =「alert」'它應該工作。 http://jsfiddle.net/RHKhw/9/檢查它 – brunofitas

2

data-dismiss財產上你行你造成的問題。這會在警報(內置引導程序功能)後解除行的內容。只要刪除該屬性。

+0

謝謝我有點 – xrcwrn

2

Working Fiddle

的問題是在這裏,

<div class="row" data-dismiss="alert" id="r1"> 
        ^

刪除屬性。它刪除行內容。