Jquery Slider在Internet Explorer中不能与Magento 1.6.2一起使用

我下载了Wowslider以便在我的主页上实现滑块效果。在Magento的后端：我的主页（CMS->页）的内容部分，我粘贴下面的代码：Jquery Slider在Internet Explorer中不能与Magento 1.6.2一起使用

<!-- Start WOWSlider.com BODY section --> 
<script type="text/javascript">// <![CDATA[ 
var $j = jQuery.noConflict(); 
$j(document).ready(function() { 
    $j('#s3slider').s3Slider({ 
     timeOut: 4000 
    }); 
}); 
// ]]> 
</script> 
<div id="wowslider-container1"> 
<div class="ws_images"> 
<ul> 
<li><img id="wows0" title="Blue hills" src="data1/images/blue_hills.jpg" alt="Blue  hills" /></li> 
<li><img id="wows1" title="Sunset" src="data1/images/sunset.jpg" alt="Sunset" /></li> 
<li><img id="wows2" title="Water lilies" src="data1/images/water_lilies.jpg" alt="Water lilies" /></li> 
<li><img id="wows3" title="Winter" src="data1/images/winter.jpg" alt="Winter" /></li> 
</ul> 
</div> 
<div class="ws_bullets"> 
<div><a title="Blue hills" href="#"><img src="data1/tooltips/blue_hills.jpg" alt="Blue hills" />1</a> <a title="Sunset" href="#"><img src="data1/tooltips/sunset.jpg" alt="Sunset" />2</a> <a title="Water lilies" href="#"><img src="data1/tooltips /water_lilies.jpg" alt="Water lilies" />3</a> <a title="Winter" href="#"><img src="data1/tooltips/winter.jpg" alt="Winter" />4</a></div> 
</div> 
<a class="wsl" href="http://wowslider.com">HTML Slideshow Code Generator by WOWSlider.com v2.1.3</a> <a class="ws_frame" href="#"></a></div> 
<script src="engine1/wowslider.js" type="text/javascript"></script> 
<script src="engine1/script.js" type="text/javascript"></script> 
<!-- End WOWSlider.com BODY section -->

在page.xml，下面的代码的最后一行由我补充说：

<block type="page/html_head" name="head" as="head"> 
       <action method="addJs"><script>prototype/prototype.js</script></action> 
       <action method="addJs"><script>lib/ccard.js</script></action> 
       <action method="addJs"><script>prototype/validation.js</script></action> 
       <action method="addJs"><script>scriptaculous/builder.js</script></action> 
       <action method="addJs"><script>scriptaculous/effects.js</script></action> 
       <action method="addJs"><script>scriptaculous/dragdrop.js</script></action> 
       <action method="addJs"><script>scriptaculous/controls.js</script></action> 
       <action method="addJs"><script>scriptaculous/slider.js</script></action> 
       <action method="addJs"><script>varien/js.js</script></action> 
       <action method="addJs"><script>varien/form.js</script></action> 
       <action method="addJs"><script>varien/menu.js</script></action> 
       <action method="addJs"><script>mage/translate.js</script></action> 
       <action method="addJs"><script>mage/cookies.js</script></action> 

<!--the following 1 line is added by myself --> 
       <action method="addItem"><type>skin_js</type><name>skin/frontend/newdefault/default/js/jquery.js</name></action>

结果是，滑块是工作在Firefox和Chrome，但不是在IE浏览器（它在IE浏览器的静态和只显示1个图像）

I H大道试过其他插件以及滑动效果，所有似乎都在Firefox或Chrome中工作，但不是在IE中。

来源

2012-05-15 dada

你在IE中收到什么错误信息？你使用的是什么版本的IE？ –

的first Google result为“哇滑块的Internet Explorer”得到以下信息：

问：我已经购买了WOWSlider第2版，并已发现了以下问题。当我将代码剪切并粘贴到表格中时，滑块将不再显示在Internet Explorer中查看，但似乎在其他浏览器中完美工作。这是极其令人沮丧的，因为我需要使用表格以便将我的网站居中。请给我一些建议。谢谢。

答：尽量增加对通用兼容性DOCTYPE声明：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

如果问题将长期存在，请给我们一个直接链接到你的网站在支持[在] wowslider [点] com，所以我们可以检查它。写我们也你使用什么版本的IE浏览器。

来源

2012-05-16 14:38:18

我试过在设计部分中粘贴<！DOCTYPE HTML PUBLIC“ - // W3C // DTD HTML 4.01 Transitional // EN”“http://www.w3.org/TR/html4/loose.dtd”>我的CMS->页在Magento，它仍然不工作..... – dada

我有一个类似的问题，JQuery不能自己在Internet Explorer中工作。我不确定这是否适合您的解决方案，但值得一试。

在/ app /设计/前端/默认模板// /页/ HTML有可能是周围49行脚本代码，如下所示：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

如果你足够幸运，使用主题这引入了JQuery本身，那么这行应该存在。你可能知道1.3.2是一个旧的JQuery版本。如果你将1.3.2更改为1.5.1，它应该可以工作，或者至少对我来说是这样。

我希望这可以帮助，我花了很长时间为自己追踪下来，我希望它可以帮助你。

来源

2012-08-08 15:13:26 SamHuckaby

Jquery Slider在Internet Explorer中不能与Magento 1.6.2一起使用

回答

相关问题