javascript - 如何在模式启动后更改模式中的元素？

Question

我正在修改 BigCommerce 模板，我想在模式启动后更改模式中的一些文本。我使用 jQuery 来克服普通页面上的这些问题，但在模式上它不起作用。下一段代码用于“普通”页面:

$(document).ready(function(){    
$('.TopMenu li:contains("or")').each(function() {
        var text = $(this).html();
        $(this).html(text.replace('or', 'maybe'));
        });
});

下一个代码不适用于模式:

$(document).ready(function(){    
    $("#ModalContainer").ready(function(){
            $('#fastCartNumItemsTxt').each(function() {
                var text = $(this).html();
                $(this).html(text.replace('items','stuff'));
            });
        });
    });

我正在尝试使用:

$(".ProductActionAdd a").on( "click", function() {
        $("#ModalContainer").ready(function(){
            $('#fastCartNumItemsTxt').each(function() {
                var text = $(this).html();
                $(this).html(text.replace('items','stuff'));
            });
        });
     });

其中“.ProductActionAdd a”表示启动模式的“添加到购物车”按钮。还是不行...

知道为什么吗？

Answer 1

我建议将此脚本放在 Bigcommerce 的模式内容面板中，如果您正在寻找快速购物车，您可以直接进入 FastCartThickBoxContent.html

除此之外，您还必须使用我不熟悉的 iModal 回调。