Question

我创建了一个浮动div（在滚动时跟随一个div），当你点击一个元素时，用jquery更新了哪些内容。更具体地说，这个div位于opencart的侧边栏中，显示了产品的价格。选择产品选项后，div中的价格会更新。

使用firefox和IE11一切正常，但是Chrome和opera都有问题。最后两个浏览器只有在它处于最高位置时才更新div的内容。如果向下滚动页面并单击选项以更新价格，则新的html将在之前的html下呈现，并且不可见。如果在单击选项后向上或向下滚动，则价格会更新。这是我的代码：

浮动DIV：

<div id="floating_div" style="position: fixed; top: 220;width:220px; height:250px; background:#FFF; padding:1px;">
<div style=" background:#69b9cf; font-size:17px; width:100%; text-align:center; "> Η προσφορά μας είναι:</div> 
<div id="floating_div2" style=" padding:10px; padding-bottom:0px;"></div>
<div id="floating_div4" style="">
<a id="button-cart" class="button"><span class="button-cart-text">Προσθήκη στο καλάθι</span></a>
</div>

</div>

更新DIV的JAVASCRIPT：

Journal.updateProductPrice = function () {

    $.ajax({
        url: 'index.php?route=journal2/ajax/price',
        type: 'post',
        data: $('.product-info input[type=\'text\'], .product-info input[type=\'hidden\'], .product-info input[type=\'radio\']:checked, .product-info input[type=\'checkbox\']:checked, .product-info select, .product-info textarea'),
        dataType: 'json',
        success: function (json) {
            var price_nofpa=json.price.replace(",",".");
            price_nofpa = parseFloat(price_nofpa);

            var pricef=price_nofpa*1.23;
            var fpa = pricef-price_nofpa;
            $('.product-info .price .price-old, .product-info .price .product-price').html(json.price);
            $('.product-info .price .price-new').html(json.special);
            $('.product-info .price .price-tax').html(json.tax);
            $('.description .journal-stock').html(json.stock);


            $('#floating_div2').html('<table><tr><td>Καθαρή τιμή:</td><td><div style=\"float:right; font-size:16px; font-weight:bold;\">' + (price_nofpa).toFixed(2) + '&euro;</div></td></tr><tr><td>ΦΠΑ 23%:</td><td><div style=\"float:right; font-size:16px; font-weight:bold;\">'+(fpa).toFixed(2)+'&euro;</div></td></tr><tr><td>Μεταφορικά:</td><td><div style=\"float:right; font-size:16px; font-weight:bold;\" id=\"side_shipping\"></div></td></tr><tr><td>Τελική Τιμή:</td><td><div id="final_price" style=\"float:right; font-size:17px; font-weight:bold;\">'+ (pricef).toFixed(2) +'&euro;</div></td></tr></table><hr><b>Περιλαμβάνει:<br /></b>Εκτύπωση, Επεξεργασία,<br />Συσκευασία, Μεταφορικά,<br />Παράδοση στον χώρο σας');


        }

    });




};

Journal.updateProductW = function (pr_opt_id,pr_id) {

$.ajax({
        url: 'index.php?route=journal2/ajax/sidebarweight',
        type: 'post',
        data: {pr_opt_id:pr_opt_id, pr_id:pr_id},
        dataType: 'json',
        success: function (json) {
            if(json.cost == "error") {
                console.log("error"+json.error_m);
                if(json.error_m == "Not_logged") {
                    $('#side_shipping').html("<a href=\"index.php?route=account/login\">Please login!</a>");
                }
            } else {

                $('#side_shipping').html(json.cost+"&euro;");

                var price=$('#final_price').html();
                price=parseFloat(price);
                cost=parseFloat(json.cost)
                var final_price=price + cost;

                $('#final_price').html(final_price+"&euro;");
            }
        }

    });


};

您可以在此网站测试我的意思： http://tzimos.gr/spinner/index.php?route=product/product&product_id=51

只需点击表格中的价格即可。在此先感谢：）

jquery .html（）在chrome上没有正确更新，在FF上运行正常

0 个答案: