如何在元素加载jQuery

Question

我在一个页面中有一个产品列表，每个产品图片上都会显示一个按钮。一旦你点击提到的按钮，一个模态幻灯片（víaaax）。在模态页面内，有一个添加到购物车按钮，我希望能够在加载添加到购物车按钮后执行一段代码。

这是我到目前为止所尝试的：

jQuery('body').on("mouseenter",'.one_third', function () {
        console.log('body');
     jQuery(this).children('a.yith-wcqv-button').show().click(function() {
        console.log('quickview');

        jQuery(".single_add_to_cart_button").load(function() {
            console.log('loaded');
        });

     });
 }).on("mouseleave",'.one_third', function () {
    jQuery(this).children('a.yith-wcqv-button').hide();
 });

现在加载事件不起作用，但如果我从控制台执行以下操作，它确实有效。

jQuery(".single_add_to_cart_button").click(function() {
            console.log('clicked');
        });

我被困住了，我不知道如何解决这个问题。