php - Javascript/jquery在IE8中不起作用

我目前正在一个网站上工作，它在chrome中运行正常，但出于某种原因IE8不想运行任何javascript/jquery脚本。即使当我在页面上要求一个警报就绪，它也不会弹出。这有点草率；我已经将所有的css和jquery都包含在了实际的index.php文件中，并计划在我走得更远一点之后，最终清理掉它，但我的糟糕借口已经够多了。我读过一篇文章，一个项目后面的逗号会使一个网站在IE中无法正常运行，但我在代码中找不到。我仍然在学习，所以我确信在我的代码中也有很多东西可以纠正。对不起，时间有多长。实质上发生的是，所有隐藏的div都在一起，相互重叠，没有一个代码执行。

<script type="text/javascript">
function video_pop(vimeo_link) {
    var vimeo_applet = "";
    $('.prompt_inner').text(vimeo_applet);
    vimeo_applet = "<div>";
    vimeo_applet += "<iframe src=\""+vimeo_link+"\" id=\"vimeo_link\" frameborder=\"0\" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>";
    vimeo_applet += "</div>";
    $('.prompt_inner').append(vimeo_applet);
    $('.prompt_box').css("margin-left", (-(($('.prompt_inner').width())/2)));
    $('.prompt_box').css("visibility", "visible");
    $('.prompt_background').css("visibility", "visible");
    $('.prompt_box').animate({
            opacity: '1'
    }, 500);
    $('.prompt_background').animate({
            opacity: '.95'
    }, 500);
}

//MAIN MENU FUNCTIONS
function directors() {
    $('.menu').stop().fadeOut(1000).hide();
    $('#directors').stop().fadeIn(1000);
    $('#col_work').stop().fadeOut(1000).hide();
    $('#slideshow_container').stop().fadeIn(1000);
}

function contact() {
    $('.menu').stop().fadeOut(1000).hide();
    $('#main_contact').stop().fadeIn(1000);
    $('#col_work').stop().fadeOut(1000).hide();
    $('#slideshow_container').stop().fadeIn(1000);
}

function login() {
    $('.menu').stop().fadeOut(1000).hide();
    $('#login').stop().fadeIn(1000);
    $('#col_work').stop().fadeOut(1000).hide();
    $('#slideshow_container').stop().fadeIn(1000);
}

function work() {
    $('.menu').stop().fadeOut(1000).hide();
    clearInterval(slideshow_int);
    $('#slideshow_container').stop().fadeOut(1000).hide();
    $('#col_work').stop().fadeIn(1000);
}

function showmenu() {
    $('#back_button').stop().fadeOut(1000).hide();
    $('#director_set').stop().fadeOut(1000).hide();
    $('#holness').stop().hide();
    $('#pryce').stop().hide();
    $('#ntiri').stop().hide();
    $('#quiroz').stop().hide();
    $('#col_work').stop().hide();
    $('#main_menu').stop().fadeIn(1000);
    start_slideshow();
    $('#slideshow_container').stop().fadeIn(1000);
}

//DIRECTOR FILES
function director(x) {
    $('.menu').stop().fadeOut(1000);
    $('#main_menu').stop().fadeOut(1000);
    $('#col_work').stop().fadeOut(1000).hide();
    clearInterval(slideshow_int);
    $('#slideshow_container').stop().fadeOut(1000);
    $('#back_button').stop().fadeIn(1000);
    $('#director_set').stop().fadeIn(1000);

    if (x==="1") {
        $('#holness').stop().fadeIn(1000);
    }
    else if (x==="2") {
        $('#pryce').stop().fadeIn(1000);
    }
    else if (x==="3") {
        $('#ntiri').stop().fadeIn(1000);
    }
    else if (x==="4") {
        $('#quiroz').stop().fadeIn(1000);
    }
}

function start_slideshow() {
    slideshow_int = setInterval(function() {
      $('#slides > div:first')
        .fadeOut(1000)
        .next()
        .fadeIn(1000)
        .end()
        .appendTo('#slides');
    },  5000);
}

$(document).ready(function() {
    //HIDE MENUS
    $('.menu').hide();
    $('#director_set').hide();
    $('#back_button').hide();
    $('#holness').stop().hide();
    $('#pryce').stop().hide();
    $('#ntiri').stop().hide();
    $('#quiroz').stop().hide();
    $('#col_work').stop().hide();

    video_pop("<?php
        $query = "SELECT * FROM global WHERE id=1";
        $queryobj = mysql_query($query);
        $result = mysql_fetch_array($queryobj);
        echo $result['ovideo'] ?>");
        $('.prompt_background').click(function() {
        $('.prompt_box').animate({
            opacity: '0'
        }, 500, function() {
            $('.prompt_box').css("visibility", "hidden");
        });
        $(this).animate({
            opacity: '0'
        }, 500, function() {
            $(this).css("visibility", "hidden");
            var vimeo_applet = "";
            $('.prompt_inner').text(vimeo_applet);
        });
    });


    //SLIDESHOW CONTROL
    $('#slides > div:gt(0)').hide();
    start_slideshow();

    //WORK MOUSEOVER
    <?php
    $queryobj = mysql_query("SELECT * FROM global_thumbnails");
    $total_global_thumbs = mysql_num_rows($queryobj);

    for ($i=1; $i<=$total_global_thumbs; $i++) {
        $queryobj = mysql_query("SELECT * FROM global_thumbnails WHERE position = {$i}");
        $result = mysql_fetch_array($queryobj);
        $global_still_title = strtoupper($result['title']);
        echo "$('#global_stills img:eq(".($i-1).")').mouseover(function() {
            $('#global_titles').text(\"{$global_still_title}\");
            });
        ";
    }
    ?>
    $('#global_stills img').mouseout(function() {
        $('#global_titles').text("");
    });
});
        </script>

最佳答案

我想不是这个

for ($i=1; $i<=$total_global_thumbs; $i++)

试试这个
for (var i=1; i<=$total_global_thumbs; i++)
因为如果没有“var”声明，它在IE8中就不起作用。
曾经我也面临同样的问题。所以在我做了这些之后，它对我起了作用：）

关于php - Javascript/jquery在IE8中不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/12506128/