無法將更新的值發送到onclick事件

Question

我正在使用Gridster.js和Twitter Bootstrap。

我期望做的事情是，當我雙擊一個網格，一個模式來，你可以定製你的網格。現在我只關注刪除選項。

問題是它通過當前網格的id給出了刪除按鈕的點擊功能，但是當我刪除一個並嘗試刪除另一個時，就像在控制檯上一樣，您可以看到ID保持不變它之前有過。

我該如何解決這個問題？

的一部分從源：

$(document).on("dblclick", ".gs_w", function(){ 

    $('#myModal').modal('toggle'); 
    var widgetId = $(this).attr('id'); 
    console.log('1: '+widgetId); 
    $('#myModalLabel').html('You selected the '+widgetId+'. item.'); 

    $('#deleteBtn').on('click', function(){ 
     console.log('x: '+widgetId); 
     gridster.remove_widget($('#'+widgetId) , function(){ 
      $('#myModal').modal('hide'); 
     }); 
    }); 

}); 

CONSOLE.LOG結果：

1: 3 
x: 3 
1: 7 
x: 3 

Answer 1

試試這個

$(document).on("dblclick", ".gs_w", function(){ 

     $('#myModal').modal('toggle'); 
     var widgetId = $(this).attr('id'); 
     console.log('1: '+widgetId); 
     $('#myModalLabel').html('You selected the '+widgetId+'. item.'); 

     $('#deleteBtn').off('click'); 
     $('#deleteBtn').click(function(){ 
      console.log('x: '+widgetId); 
      gridster.remove_widget($('#'+widgetId) , function(){ 
       $('#myModal').modal('hide'); 
      }); 
     }); 

    });