javascript - 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 页面中添加按钮，那么在这种情况下会触发切换事件。任何帮助都会很棒，我一直在寻找其他问题，但没有找到任何线索。非常感谢

编辑：注意 - 包装给出了我需要的东西，并将按钮放在 table_space 和 table_wrapper_div 之间

Answer 1

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

在内部，事件使用点击事件关联。

试试这个方法

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