问使用lightview和rotator时，Prototype /jQuery没有冲突IE8问题
EN

Stack Overflow用户

提问于 2011-04-25 06:24:26

回答 1查看 4K关注 0票数 2

我设法使用了无冲突解决方案。一切都运行得很好，除了IE8...我发现90%的变化是由php本身的javascript造成的。我将$(更改为jQuery(.这一更改使所有内容都能在所有其他浏览器中运行...有人有解决这个问题的办法吗？我也试过改变脚本的位置，但什么也没做。使用Lightview和Rotator。

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>

internet-explorer-8

prototypejs

jquery

回答 1

Stack Overflow用户

发布于 2011-04-25 07:55:10

我认为如果你使用.noConflict()，你需要把所有的jQuery放在一个.ready()函数中。我在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>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/5773631

复制

相似问题

问使用lightview和rotator时，Prototype /jQuery没有冲突IE8问题
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用lightview和rotator时，Prototype /jQuery没有冲突IE8问题EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用lightview和rotator时，Prototype /jQuery没有冲突IE8问题
EN