php - jQuery - Easyslider Internet Explorer

Question

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

jQuery 包含在 header 中，然后我们将其用于 slider 本身。

<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 (剥离了其余的主页内容)

Answer 1

更新:在尝试验证您的链接后，似乎有很多语法错误和警告。考虑到 Internet Explorer 的敏感性，可能值得摘下尽可能多的悬而未决的果实，然后再次测试。 我认为可能真正成为障碍的一个因素是将脚本类型添加到您的 jquery 和 slider 库中。由于不正确的解释，它们根本无法正确加载。

这是验证: 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/idealboat/js/jquery-1.10.0.min.map 的特定 jQuery 库时也会出现 404 错误 在 Chrome 开发工具中。

我建议尝试将 jQuery 库切换到最新的最新版本或可能已完成更多 IE 测试的旧版本，并且也许还检查浏览器对 slider 库的支持。

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