Jquery 我如何在“后”保留此附加DIV;价格“;变化?
我在一个定制的CMS上设计这个网站,由我以前的工作开发: 为了将price div“productPrice”移到页面底部,我使用了以下命令:Jquery 我如何在“后”保留此附加DIV;价格“;变化?,jquery,css,prepend,appendto,Jquery,Css,Prepend,Appendto,我在一个定制的CMS上设计这个网站,由我以前的工作开发: 为了将price div“productPrice”移到页面底部,我使用了以下命令: $(".productPrice").appendTo(".productPriceContainer"); 我还使用以下内容在数字价格前添加文本: $( ".productPrice" ).prepend( '<h2><span>4</span> Your Total Cost Will Be</h2>
$(".productPrice").appendTo(".productPriceContainer");
我还使用以下内容在数字价格前添加文本:
$( ".productPrice" ).prepend( '<h2><span>4</span> Your Total Cost Will Be</h2>');
$(“.productPrice”).prepend('4您的总成本为');
一切看起来都很好,但是一旦你选择了一个选项,它改变了价格,div就会回到它在代码中的原始位置,并且删除了我添加的文本。我可以用jQuery解决这个问题,而不必向他们的程序员咨询这个问题吗
谢谢 元素移动到顶部的原因是,当第一次加载页面时,元素在DOM中的原始位置就是这个位置。当您从下拉列表中选择一个项目时,页面将执行回发,并且不会再次调用javascript。尝试使用下面的代码。这将导致每次执行回发时调用javascript
function pageLoad() {
BindjQueryEvents();
$(".productPrice").prepend('<h2><span>4</span> Your Total Cost Will Be</h2>');
}
//Re-bind for callbacks
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_endRequest(function () {
BindjQueryEvents();
});
function BindjQueryEvents() {
$(".productPrice").appendTo(".productPriceContainer");
}
函数pageLoad(){
BindjQueryEvents();
$(“.productPrice”).prepend('4您的总成本为');
}
//为回调重新绑定
var prm=Sys.WebForms.PageRequestManager.getInstance();
prm.add_endRequest(函数(){
BindjQueryEvents();
});
函数BindjQueryEvents(){
美元(“.productPrice”)。附录(“.productPriceContainer”);
}
是的!知道了!非常感谢您……不仅是因为您帮助我编写代码,而且还因为您实际解释了代码的作用!你太牛了