2

我已经建立了一个网站,但在使用 easyslider 和 Internet Explorer 时真的很吃力。似乎 Javascript 正在加载,然后出于某种原因决定反对它。

jQuery 包含在标题中,然后我们将其用于滑块本身。

<script type="text/javascript" src="js/easySlider1.7.js"></script>
<script type="text/javascript">
$(document).ready(function(){   
    $("#slider").easySlider({
        auto: true, 
        continuous: true,
        speed: 700,
        pause:  3000,
        controlsShow: true,
        numeric: true,
        numericId: 'controls'
    });
}); 
</script>
<div id="slider">
<ul>
<?php 
$slider = "SELECT * FROM slider WHERE active='1' ORDER BY name DESC";
$result = mysql_query($slider,$con) or die('Error, query failed' . mysql_error());
while($row = mysql_fetch_array($result))
{
echo '<li><a href="' . $row['url'] . '"><img src="' . $row['image'] . '" alt="' . $row['name'] . '" /></li>';
            }
            ?>
</ul>
</div>

问题是 IE9 似乎使幻灯片数量增加了一倍。

然后 IE 7/8 根本不显示幻灯片或控件...

在 webkit/firefox/IE10 中运行良好

有什么想法吗?真的被这个给难住了。

现场测试: http: //lucidcreations.co.uk/idealboat/index2.php(剥离其余主页内容)

4

1 回答 1

0

更新: 在尝试验证您的链接后,似乎有很多语法错误和警告。鉴于 Internet Explorer 的敏感性,可能值得尽可能多地摘取低悬的果实,然后再次进行测试。我想可能真正成为障碍的一个是将脚本类型添加到您的 jquery 和滑块库中。由于解释不正确,它们根本无法正确加载。

这是验证: http: //validator.w3.org/check ?uri=http%3A%2F%2Flucidcreations.co.uk%2Fidealboat%2Findex2.php&charset=%28detect+automatically%29&doctype=Inline&group=0

不幸的是,IE 模拟模式的行为方式与在虚拟机中的行为方式不同。Nicholas-c 可能会看到大多数人会看到的结果,因为这就是 IE 用户看到该站点的方式。

我从 IE 7 和 8 收到许多非描述性错误(对话框仅显示“错误:153 未知”等),但在查找名为http://lucidcreations.co.uk的特定 jQuery 库时也出现 404 错误/idealboat/js/jquery-1.10.0.min.map在 Chrome 开发工具中。

我建议尝试使用 jQuery 库切换到最新版本或可能完成更多 IE 测试的旧版本,并且可能还检查浏览器对滑块库的支持。

我确实注意到您的 index2.php 中有一些内联 jQuery,可以对其进行优化以减少可能对性能产生影响但可能不足以防止在旧 IE 版本中加载的动态 dom 解析。

于 2013-08-22T00:23:20.617 回答