如何在模态启动后更改元素

How to change an element in a modal after it was launched?

本文关键字:元素 启动 模态      更新时间:2023-09-26

我正在修改一个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"表示添加到购物车按钮,该按钮启动模态。还是不行…

知道为什么吗?

我建议把这个脚本放在Bigcommerce的模态内容面板中,如果你想要快速购物车你可以进入FastCartThickBoxContent.html

除此之外,你必须使用iModal回调,我不熟悉。