jQuery 在 IE8 中不起作用？

Question

我正在这里开发一个网站:mfm.treethink.net所有 jquery 在 Firefox、Chrome 和 Safari 中都工作正常，但在 IE8 上它给我错误，并且顶部的横幅不起作用(使用 crossSlide jQuery 插件)，并且图像翻转不随颜色变化一起工作.

IE8 告诉我错误出现在源代码的第 53、134 和 149 行，所有这些行都是声明 jquery 函数的地方。

$(document).ready(function(){

我正在运行 jquery 1.4。奇怪的是，我在该页面上的另一部分 jQuery 可以工作，即右侧的艺术家浏览/选择菜单。但横幅和图像翻转不会。

以下是我正在运行的所有脚本:

1:横幅 - 在 IE8 中不起作用

<script type="text/javascript">
  $(function() {
    $('#banner').crossSlide({
      sleep: 5,
      fade: 1
    }, [
      <?php
   $pages = get_posts('numberposts=2000&post_type=artist&post_status=publish');

   $i = 1;
   foreach( $pages as $page ) {
       $content = $page->post_title;
       if( empty($content) ) continue;

       $content = apply_filters('the_content', $content);

       ?>

       { src: '/wp-content/uploads/<?php echo $page->post_name ?>.jpg' },

<?php $i++;

   }    ?>
    ]);
  });

</script>

2 - 图像翻转 - 在 IE8 中不起作用

<script type="text/javascript">

$(function(){

    $("ul#artists li").hover(function() { /* On hover */

    var thumbOver = $(this).find("img").attr("src"); /* Find image source */

    /* Swap background */

    $(this).find("a.thumb").css({'background' : 'url(' + thumbOver + ') center bottom no-repeat'}); 
    $(this).find("span").stop().fadeTo('fast', 0 , function() {
        $(this).hide()
    }); 
    } , function() {
        $(this).find("span").stop().fadeTo('fast', 1).show();
    });

});

</script>

3 - 艺术家选择 - 在 IE 8 中工作

<script>
    $("#browse-select").change(function() {
    window.location.href = $(this).val();
});
    </script>

这些脚本是通过引用以前制作的脚本来完成的，就像我说的，我对 jQuery 还很陌生。第二个可以在 IE8 中运行，而第一个则不能。我注意到第三个，唯一一个有效的，其写法与前两个无效的不同，顶部没有函数声明。这会不会有什么关系呢？

任何解决此问题的帮助将不胜感激。

非常感谢，韦德

Answer 1

您没有发布实际的 JavaScript 代码，但您发布的 PHP 可能会创建带有尾随逗号的对象:

{foo: 1, bar: 2,}

Internet Explorer 不支持该功能。您必须生成类似以下内容:

{foo: 1, bar: 2}