Javascript/jquery無法在IE8中工作

我目前正在一個網站上運行，它在Chrome中正確運行，但由於某種原因，IE8不想運行任何JavaScript/jQuery腳本。即使我在頁面上呼叫警報，它也不會彈出。它有點馬虎;我將所有的css和jquery都包含在index.php文件中，並計劃在我稍微遠一些的時候清理它，但我的可怕藉口已經足夠了。我已經讀過一個項目後的逗號後可以使一個網站在IE中無法正常工作，但我無法在我的代碼中找到一個。我仍在學習，所以我確信在我的代碼中還有很多事情可以糾正。對不起，它有多長。實際上發生的情況是，所有隱藏的div只是掛在另一個之上，並且沒有任何代碼執行。Javascript/jquery無法在IE8中工作

<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>

來源

2012-09-20 tom c

你在javascript控制檯中查看錯誤消息嗎？ –

IE的控制檯顯示沒有錯誤。 Chrome瀏覽器顯示無關錯誤（缺失圖片等） –

您是否檢查過您的I.E中JS是否被禁用？ –

我認爲這

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

，而不是嘗試這種

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

，因爲沒有「VAR」聲明它不會在IE8工作。
曾經我也遇到同樣的問題。所以在我做到這一點後，它對我有用:)

來源

2012-09-20 10:56:49

雖然這是一個PHP循環雖然..它似乎工作，因爲所有的數據庫的東西出現 –

嘗試把所有jQuery放在$（document）.ready（function（）{...}）之間;

來源

2012-09-20 14:29:32

什麼變化 –

Javascript/jquery無法在IE8中工作

回答

相關問題