-1

私はここまでに多くの問題の解決策を見つけましたが、それでもこの問題の答えを見つけることができません。コンテナがあり、jQueryを使用して動的に内部に別の要素を追加しています。追加されたdivの中にボタンがあるので、そのボタンをクリックするとボタンが削除されます。これが私がこれまで試したが成功しなかったことです。

HTML

<div id="menuContainer">
<ul id="menu">
    <li><a href="#" id="addColumn">add Element (max 5)</a></li>
    <li><a href="#" id="addCard">---</a></li>
    <li><a href="#" id="delColumn">---</a></li>
    <li><a href="#" id="delCard">---</a></li>
    <li><a href="#" id="tblReset">---</a></li>
</ul>
</div>
<div id="columns" style="width: 1000px;"></div>

jQuery：

$(function() {
var columns = $('.column').size();

$('a#addColumn').click(function() {
    if (columns < 5) {                  
    var columnName = prompt('Внесете назив за колоната: ');
    var temp = columns + 1;
    $('<div class="column">' + columnName + '<button id="' + temp + '" style="float:right;" class="btnRemoveColumn">X</button></div>').appendTo('div#columns');
    columns++;
}
else { 
    alert("Имате максимален број на колони во таблата");
}
});

$(".btnRemoveColumn").click(function(){
    $(this).parent().remove();
});              
});

CSSを使用したものはすべて外部サイトのFiddleで試すことができるので、すべてがどのように機能するか（機能しないか）を確認してください。ここにリンク

4

1 に答える 1

0 
$(document).on("click", ".btnRemoveColumn", function() {

動的要素の場合、イベントを委任する必要があります。

于 2013-02-10T12:38:54.650 に答える