.fadeOut和.fadeIn在IE中不起作用

时间:2012-09-21 11:02:10

标签: jquery opencart

我目前在Open Cart中安装了付费扩展程序有问题,其意图是显示选项的价格差异,而不是原始基本选项价格旁边的+ ,它将两者结合在一起。

例如,没有模块的原始Open Cart将显示价格的显示位置:

选择基础产品  价格显示:“£10.00”

可选的额外选择:  价格显示:“£10.00 +£1.50”

使用Extension,它会在价格上加1.50英镑并显示“£11.50”。

在FireFox和chrome中一切正常,但在IE8中(并且该网站必须在IE8及更高版本中工作),扩展中有一行代码似乎不起作用。

下面的代码会在选择可选附加功能时使旧价格淡出,并使新价格淡入,IE8会在这些行上报告错误,当选择了可选附加功能时,价格会消失,不会消失,不会淡入,即使选择了没有可选附加功能的原始产品也不会返回。

这是有问题的代码:

jQuery('#opu_price').fadeOut('100').queue(function(n){jQuery(this).html(mydata.price); n();}).fadeIn('100');
jQuery('#opu_special').fadeOut('100').delay(100).queue(function(n){jQuery(this).html(mydata.special); n();}).fadeIn('100');
jQuery('#opu_tax').fadeOut('100').delay(200).queue(function(n){jQuery(this).html(mydata.tax); n();}).fadeIn('100');

如果您愿意帮助我,我想要的是删除淡入效果并立即显示价格,如果没有淡入淡出效果则不是很大,但我对jQuery和JavaScript缺乏经验并且真的不知道如何修改代码。

修改

以下是请求的IE8错误消息

网页错误详情

Message: Object doesn't support this property or method Line: 485 Char: 4 Code: 0 URI: http://www.cfmachinery.co.uk/index.php?route=product/product&product_id=383
Message: Object expected Line: 484 Char: 81 Code: 0 URI: http://www.cfmachinery.co.uk/index.php?route=product/product&product_id=383

您无法访问该网站,因为它尚未生效,所以这里有第484和485行:

$('#opu_price').fadeOut('100').queue(function(n){$(this).html(mydata.price); n();}).fadeIn('100');
$('#opu_special').fadeOut('100').delay(100).queue(function(n){$(this).html(mydata.special); n();}).fadeIn('100');

1 个答案:

答案 0 :(得分:1)

您能否显示更多OpenCart页面代码?尝试在charset标记中添加script

<script type="text/javascript" charset="utf-8" src="//some-cdn.com/j.js"></script>
<script type="text/javascript" charset="utf-8">
    $('#opu_price').fadeOut('100').queue(function (n) {
        $(this).html(mydata.price);
        n();
    }).fadeIn('100');
    $('#opu_special').fadeOut('100').delay(100).queue(function (n) {
        $(this).html(mydata.special);
        n();
    }).fadeIn('100');
</script>