Javascript 如何在模态中的元素启动后进行更改?
我正在修改一个BigCommerce模板,我想在启动后更改模式中的一些文本。 我在普通页面上使用jQuery来解决这些问题,但在模式页面上它不起作用。 下一段代码用于“普通”页面:Javascript 如何在模态中的元素启动后进行更改?,javascript,jquery,bigcommerce,Javascript,Jquery,Bigcommerce,我正在修改一个BigCommerce模板,我想在启动后更改模式中的一些文本。 我在普通页面上使用jQuery来解决这些问题,但在模式页面上它不起作用。 下一段代码用于“普通”页面: $(document).ready(function(){ $('.TopMenu li:contains("or")').each(function() { var text = $(this).html(); $(this).html(text.replace('or',
$(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的模式内容面板中,如果您正在寻找fast cart,只需进入
FastCartThickBoxContent.html
除此之外,您还必须使用我不熟悉的iModal回调。
这在JavaScript中可能非常棘手。最好是显式地引用您想要修改的内容。它怎么会不起作用呢?each
是否在#fastCartNumItemsTxt
中未找到任何项目?ID选择器返回一个元素,为什么要使用each
?还有$(“#ModalContainer”).ready(函数(){
没有意义。似乎在执行代码时,没有ID为ModalContainer
的元素,这是真的吗?ready
方法没有你认为的那样做。@undefined关于没有这样的元素的事实,你是对的。如果你能纠正我的话,我知道我使用ready方法是错误的,那太好了!如果模式脚本触发事件或具有回调,则可以将代码放入事件处理程序或回调函数中。