Javascript 将事件侦听器添加到HTML跨度标记

我在电子商务中有一个购物车，当购物车的价值发生变化时，每个价值都会出现不同的横幅

当页面重新加载时，js将运行并显示正确的横幅（当客户在购物车中添加另一个产品时会出现这种情况）

但是，当客户端仅更改产品数量或从购物车页面中删除产品时，不会重新加载该产品，然后会考虑使用事件侦听器

除了我的问题，值

（$）

在标记

$value

中，而不是在输入中，因此我无法使事件侦听器起作用

我如何应用这个？代码如下：

jQuery(document).ready(function(){
 setTimeout(function(){
    trocaBannerCarrinho();
 }, 5000);

//here is the event listener that does not work!! 
jQuery("#value_total").on("change", function(){
   trocaBannerCarrinho();
}); 
});


function trocaBannerCarrinho(){

// condições para exibir os banners
var valor_cond1 = {min: 1, max: 980};//banner 1
var valor_cond2 = {min: 981, max: 1280};//banner 2
var valor_cond3 = {min: 1281, max: 1580};//banner 3
var valor_cond4 = {min: 1581, max: 1980};//banner 4
var valor_cond5 = {min: 1981};//banner 5

// recuperando o valor do carrinho
var total_carrinho = jQuery("#value_total").html();

// removendo R$, o ponto e trocando a virgula por um ponto
// o resultado final fica assim: 35.00, 1900.99, 20000.58, etc...
total_carrinho = total_carrinho.replace(/\s/g,'').replace('R$','').replace('.','').replace(',','.');

if ((total_carrinho >= valor_cond1.min) && (total_carrinho <= valor_cond1.max)) {
    jQuery('iframe[id^="google_ads_iframe_"]').contents().find('#banner1').show();

} else if ((total_carrinho >= valor_cond2.min) && (total_carrinho <= valor_cond2.max)) {
    jQuery('iframe[id^="google_ads_iframe_"]').contents().find('#banner2').show();

} else if ((total_carrinho >= valor_cond3.min) && (total_carrinho <= valor_cond3.max)) {
    jQuery('iframe[id^="google_ads_iframe_"]').contents().find('#banner3').show(); 

} else if ((total_carrinho >= valor_cond4.min) && (total_carrinho <= valor_cond4.max)) {
    jQuery('iframe[id^="google_ads_iframe_"]').contents().find('#banner4').show();

} else if (total_carrinho >= valor_cond5.min) {
    jQuery('iframe[id^="google_ads_iframe_"]').contents().find('#banner5').show();
}
}

jQuery（文档）.ready（函数（）{
setTimeout（函数（）{
Trocabannercarinho（）；
}, 5000);
//这里是无法工作的事件侦听器！！
jQuery（“#value_total”）.on（“change”，function（）{
Trocabannercarinho（）；
}); 
});
函数trocaBannerCarrinho（）{
//条幅
var valor_cond1={min:1，max:980}；//横幅1
var valor_cond2={min:981，max:1280}；//横幅2
var valor_cond3={min:1281，max:1580}；//banner 3
var valor_cond4={min:1581，max:1980}；//banner 4
var valor_cond5={min:1981}；//banner 5
//卡林霍勇气酒店
var total_carrinho=jQuery（“#value_total”）.html（）；
//删除R$，o ponto e trocando a virgula por um ponto
//o结果最终fica assim:35.00、1900.99、20000.58等。。。
总卡林霍=总卡林霍。替换（/\s/g.）。替换（'R$，''）。替换（'.'，''）。替换（'.'，''）；
如果（（total_carrinho>=valor_cond1.min）&&（total_carrinho=valor_cond2.min）&（total_carrinho=valor_cond3.min）&（total_carrinho=valor_cond4.min）&（total_carrinho=valor_cond5.min）{
jQuery（'iframe[id^=“google_ads_iframe”]'）.contents（）.find（'#banner5'）.show（）；
}
}

我的猜测是，侦听器没有得到更新。请尝试这样做

jQuery("document").on("change", '#value_total' ,function(){
   trocaBannerCarrinho();
}); 

---

如何定义

value\u total

？