jquery - 如何在 "price"更改后保留此附加 DIV？

Question

我正在用我以前的工作开发的定制 CMS 设计这个网站:

http://dev544.webdugout.com/View/Snow-Removal

为了将价格 div“productPrice”移动到页面底部，我使用了以下内容:

$(".productPrice").appendTo(".productPriceContainer");

我还使用以下代码在数字价格前添加文本:

$( ".productPrice" ).prepend( '<h2><span>4</span> Your Total Cost Will Be</h2>');

一切看起来都很棒，但一旦您选择了一个更改价格的选项，div 就会回到它在代码中的原始位置，并且还会删除我添加的文本。有什么方法可以用 jQuery 解决这个问题，而不必就此与他们的程序员联系吗？

谢谢!

Answer 1

元素移动到顶部的原因是因为那是它们在首次加载页面时在 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");
        }