jquery .click问题

Question

我面临着非常奇怪和困难的问题。我正在开发一个Web应用程序，我创建了一些小部件。如果我点击图标，小部件编辑器将出现在模块弹出窗口中，用户可以输入他的数据，并且数据将作为标签显示在仪表板上。我在放置在仪表板上的标签上方有一个“编辑”按钮，现在我想添加删除按钮，假设用户将在仪表板上添加小部件，然后他发现他不需要该仪表板，因此他点击了删除按钮应该被删除，如果用户在删除之后再次想要该小部件，当他点击之前删除的特定小部件的图标时，该小部件应该再次出现。我试图做到这一点，但一旦我点击删除按钮，我可以删除小部件，但当我点击小部件的图标时，我无法取回。

请帮我解决这个问题

Answer 1

只是走一个猜测你希望做什么，这里是添加一个div，你可以再次关闭的例子：

设置：

var WIDGET_MARKUP = 
    "<div class='widget'>I'm the widget. " + 
    "<span class='close'>Close</span>" + 
    "</div>"; 

// Opens the widget, returns true; if the widget is already 
// open, doesn't open a a second and returns false. 
function openWidget(onClose) { 
    var widget; 

    // If there's already one open, don't do anything 
    if ($("div.widget").length > 0) { 
    // Already open, don't open another 
    return false; 
    } 

    // There isn't, add one 
    widget = $(WIDGET_MARKUP); 
    widget.appendTo(document.body); 
    widget.delegate('span.close', 'click', function() { 
    // Remove the widget 
    widget.remove(); 

    // Call the callback if any 
    if (onClose) { 
     try { 
     onClose(); 
     } 
     catch (e) { 
     } 
    } 
    }); 

    // true = opened the widget 
    return true; 
} 

用途：

$('#btnAddWidget').click(function() { 
    var button = this; 

    if (openWidget(handleClose)) { 
    // Opened the widget, disable our button 
    button.disabled = true; 
    } 

    function handleClose() { 
    // Widget was closd, re-enable the button 
    button.disabled = false; 
    } 
}); 

Live example

显然，按钮的禁用仅适用于您需要的;如果你不这样做，只是用这样的：

设置：

var WIDGET_MARKUP = 
    "<div class='widget'>I'm the widget. " + 
    "<span class='close'>Close</span>" + 
    "</div>"; 

// Opens the widget, returns true; if the widget is already 
// open, doesn't open a a second and returns false. 
function openWidget(onClose) { 
    var widget; 

    widget = $(WIDGET_MARKUP); 
    widget.appendTo(document.body); 
    widget.delegate('span.close', 'click', function() { 
    // Remove the widget 
    widget.remove(); 

    // Call the callback if any 
    if (onClose) { 
     try { 
     onClose(); 
     } 
     catch (e) { 
     } 
    } 
    }); 
} 

用途：

$('#btnAddWidget').click(function() { 
    openWidget(); 
}); 

Live example