Javascript/jquery가 IE8에서 작동하지 않습니다.

Question

현재 웹 사이트에서 작업 중이며 Chrome에서 제대로 실행되지만 IE8에서 javascript/jquery 스크립트를 실행하지 않으려합니다. 페이지를 준비 할 때 경고 메시지가 표시 되더라도 팝업되지 않습니다. 그것은 조금 거칠다. 나는 실제 index.php 파일에 css와 jquery를 모두 포함 시켰고 결국 조금 더 멀어지면서 결국 정리할 계획을 세웠지 만, 내 끔찍한 변명만으로도 충분하다. 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> 

Answer 1

내가 노력이

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

대신 생각이 있기 때문에 IE8에서 작동하지 않습니다 "VAR"선언없이

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

.
한 번 나는 또한 동일한 문제에 직면했다. 그래서 내가 이것을 한 후에 그것은 나를 위해 일한다.

Answer 2

$ (document) .ready (function() {...}); 사이에 모든 jQuery를 넣으려고한다.