jQuery - 使用parent（）。before（）+ parent.after（）添加2个按钮，稍后使用.toggle（）

Question

我是这样做的

//wrap a div arround the table
$(this).wrap('<div class="table_space"><div class="table_wrapper_div">
</div></div>').parent().before('<button class="my_button" >
EXPANDIR</button>').after('<button class="my_button">EXPANDIR</button>');

这是一张非常大的桌子

$('.my_button').toggle(
        function(){ 
            ... blablabla ...
    },
    function(){ 
        ... blabllaba ...
    }
);

但切换事件永远不会被触发...现在，如果我直接在html页面中添加按钮，则触发事件就会触发切换事件。 任何帮助都会很棒，我已经找了其他问题，但没有发现任何线索。 非常感谢

编辑：NB - 包装提供了我需要的内容，并将按钮放在table_space和table_wrapper_div之间

Answer 1

在元素动态添加到HTML中的情况下，您需要委托 ...

在内部，事件与点击事件相关联。

尝试这种方法

$('body').on('click', '.my_button', function() {
    $('.my_button').toggle(
          function(){ 
              ... blablabla ...
          },
          function(){ 
              ... blabllaba ...
          }
    );
});