原型/ jQuery没有冲突IE8问题lightview和旋转器

我设法使用noconflict解决方案。除IE8之外，一切都很好，我发现90％的变化是它本身的javascript。我改变了$（jQuery（这个改变使得所有其他浏览器都能正常工作......任何人都可以为此提供解决方案吗？也尝试过改变脚本的位置，但是没有做任何事情。使用Lightview和Rotator。原型/ jQuery没有冲突IE8问题lightview和旋转器

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

我想你需要把所有的jQuery在.ready()功能，如果你使用.noConflict()我不跟以下获得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

感谢您的快速浏览，我更改了js 。 IE8仍然没有显示旋转图像。他给了我一个奇怪的错误：对象不支持此属性方法 jquery.wt-rotator.js line1123 代码：0 char：5 uri：http://www.tdesigns.be/projects/maes-boons /js/jquery.wt-rotator.js 你有任何想法如何解决这个问题？ @andyb。 – Seppe 2011-04-25 06:34:08

我刚刚检查了页面的源代码，并且还有2个'.noConflict（）'语句。我认为你需要删除第二个。 – andyb 2011-04-25 06:52:43

我使用了这一行代码，现在所有的东西都在完美工作。非常感谢您的帮助！ – Seppe 2011-04-25 20:00:16

原型/ jQuery没有冲突IE8问题lightview和旋转器

回答

相关问题