프로토 타입/jQuery 충돌 없음 lightview 및 rotator IE8 문제

noconflict 솔루션을 사용할 수있었습니다. IE8을 제외하고 모든 것이 잘되고 있습니다 ... 나는 PHP 자체에서 JavaScript가 90 % 변경된다는 것을 발견했습니다. 이 변경으로 인해 다른 모든 브라우저에서 모든 작업이 가능해졌습니다. 누구나이 솔루션을 사용할 수 있습니까? 스크립트의 위치를 변경하려고 시도했지만 아무 것도하지 않습니다. 라이트 뷰 및 로테이터 사용프로토 타입/jQuery 충돌 없음 lightview 및 rotator IE8 문제

URL =>http://www.tdesigns.be/projects/maes-boons/designmeubelen.php

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<meta name="robots" content="all" /> 
<meta name="revisit-after" content="1 week" /> 
<meta name="language" content="nl" /> 
<meta name="keywords" content=""/> 
<meta name="description" content="maes-boons nv - meesters in maatwerk"/> 
<title>maes-boons</title> 
<link rel="stylesheet" type="text/css" href="css/style.css" /> 
<link rel="stylesheet" type="text/css" href="css/960.css" /> 
<link rel="stylesheet" type="text/css" href="css/reset.css" /> 
<link rel="stylesheet" type="text/css" href="css/wt-rotator.css"/> 
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> 
<script type="text/javascript" src="js/jquery.easing.1.3.min.js"></script> 
<script type="text/javascript" src="js/jquery.wt-rotator.min.js"></script> 
<script type="text/javascript"> 
     jQuery(document).ready( 
      function() { 
       jQuery(".container").wtRotator({ 
        width:960, 
        height:400, 
        button_width:24, 
        button_height:24, 
        button_margin:5, 
        auto_start:true, 
        delay:5000, 
        play_once:false, 
        transition:"fade", 
        transition_speed:800, 
        auto_center:true, 
        easing:"", 
        cpanel_position:"inside", 
        cpanel_align:"BR", 
        timer_align:"top", 
        display_thumbs:true, 
        display_dbuttons:true, 
        display_playbutton:true, 
        display_numbers:true, 
        display_timer:true, 
        mouseover_pause:false, 
        cpanel_mouseover:false, 
        text_mouseover:false, 
        text_effect:"fade", 
        text_sync:true, 
        tooltip_type:"image", 
        lock_tooltip:true, 
        shuffle:false, 
        block_size:75, 
        vert_size:55, 
        horz_size:50, 
        block_delay:25, 
        vstripe_delay:75, 
        hstripe_delay:180   
       }); 
      } 
     ); 
</script> 
<script> 
jQuery.noConflict(); 

jQuery(document).ready(function() { 
}); 
</script> 
<script type="text/javascript" src="js/prototype.js"></script> 
<link rel="stylesheet" type="text/css" href="css/lightview.css" /> 
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.2/scriptaculous.js'></script> 
<script type="text/javascript" src="js/lightview.js"></script> 


</head>

출처

2011-04-24 Seppe

난 당신이 .noConflict()를 사용하는 경우 .ready() 기능의 모든 jQuery를 넣을 필요가 있다고 생각 나는 다음과 IE8 또는 Chrome12에서 오류가 발생하지 않습니다.

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta charset=utf-8 /> 
    <title>maes-boons</title> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> 
    <script type="text/javascript" src="http://www.tdesigns.be/projects/maes-boons/js/jquery.easing.1.3.min.js"></script> 
    <script type="text/javascript" src="http://www.tdesigns.be/projects/maes-boons/js/jquery.wt-rotator.min.js"></script> 
    <script type="text/javascript"> 
     jQuery.noConflict(); 
     jQuery(document).ready(function($) { 
      $(".container").wtRotator({ 
       width:960, 
       height:400, 
       button_width:24, 
       button_height:24, 
       button_margin:5, 
       auto_start:true, 
       delay:5000, 
       play_once:false, 
       transition:"fade", 
       transition_speed:800, 
       auto_center:true, 
       easing:"", 
       cpanel_position:"inside", 
       cpanel_align:"BR", 
       timer_align:"top", 
       display_thumbs:true, 
       display_dbuttons:true, 
       display_playbutton:true, 
       display_numbers:true, 
       display_timer:true, 
       mouseover_pause:false, 
       cpanel_mouseover:false, 
       text_mouseover:false, 
       text_effect:"fade", 
       text_sync:true, 
       tooltip_type:"image", 
       lock_tooltip:true, 
       shuffle:false, 
       block_size:75, 
       vert_size:55, 
       horz_size:50, 
       block_delay:25, 
       vstripe_delay:75, 
       hstripe_delay:180 
      }); 
     }); 
</script> 
<script type="text/javascript" src="http://www.tdesigns.be/projects/maes-boons/js/prototype.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.2/scriptaculous.js"></script> 
<script type="text/javascript" src="http://www.tdesigns.be/projects/maes-boons/js/lightview.js"></script> 
</head> 
<body> 
</body> 
</html>

출처

2011-04-24 23:55:09 andyb

빠른 모양을 가져 주셔서 감사합니다. . IE8은 아직 로테이터 이미지를 보여주지 않습니다. 그는 나에게 이상한 오류를 준다 : 개체가이 속성 메서드를 지원하지 않는다. jquery.wt-rotator.js line1123 코드 : 0 char : 5 uri : http://www.tdesigns.be/projects/maes-boons /js/jquery.wt-rotator.js 이 문제를 해결하는 방법에 대해 알고 계십니까? @andyb. – Seppe

방금 귀하의 페이지 소스를 확인했으며 여전히 2 개의 .noConflict() 문이 있습니다. 나는 당신이 두 번째 것을 제거 할 필요가 있다고 생각한다. – andyb

이 코드 줄을 사용하면 모든 것이 완벽하게 작동합니다. 도와 줘서 고맙습니다 !!! – Seppe

프로토 타입/jQuery 충돌 없음 lightview 및 rotator IE8 문제

답변

관련 문제