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');
            });
        });

    });

无法将更新的值发送到onclick事件

1 个答案: