此代碼可以在ie 10上正常運行，但不能在chrome和firefox上運行（javascript / ajax部分）

Question

這段代碼在IE10上工作正常，但在chrome和firefox上，滑塊不顯示.....其他一切正常

zip鏈接： https ： //docs.google.com/file/d/0B5TtGpU9w1RVZWpsYzF6YWRmWWc/edit？usp = sharing

 <!DOCTYPE html>
    <!-- Website template by freewebsitetemplates.com -->
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Welcome To India</title>

    <link rel="stylesheet" href="css/style.css" type="text/css">
    <script src="jquery-1.10.2.min.js"></script>
    <script src="jquery.cycle.all.js"></script>
    <script type="text/javascript">
    $('#slider').cycle({ 
    fx:     'turnRight', 
    speed:  'slow', 

    next:   '#next', 
    prev:   '#prev' 
    });
    </script>
    </head>
    <body>
    <div id="background">
    <div id="page">
    <div id="header">
    <div id="logo">
    <a href="index.php"><img src="" alt="LOGO" height="112" width="118"></a>
    </div>
    <div id="navigation">
    <ul>
    <li class="selected">
    <a href="index.php">Home</a>
    </li>
    <li>
    <a href="about.php">Discover India</a>
    </li>
    <li>
    <a href="forum.php">Forum</a>
    </li>
    <li>
    <a href="tripplanner.php">Trip Planner</a>
    </li>
    <li>
    <a href="holidays.php">Holidays</a>
    </li>
    <li>
    <a href="news.php">Cuisines</a>
    </li>
    <li>
    <a href="contact.php">Contact</a>
    </li>
    </ul>
    </div>
    </div>
    <div id="contents">
    <div id="adbox">
    <div id="wrapper">
    <div id="container">
    <div class="controller" id="prev"></div>
    <div id="slider">
    <img src="Best-Heavy-Bike-Image-960x720.jpeg" width="100%" height="100%" alt="bike">
    <img src="Jumping-Cute-Dophin-Image-960x720.jpg" width="100%" height="100%" alt="dolphin">
    <img src="Nikon-D800-Skeleton-Image.jpeg" width="100%" height="100%" alt="nikon">
    </div>
    <div class="controller" id="next"></div>
    </div>
    </div>

    <h1>Enjoy the holidays in India</h1>
    <p>
    <a href="index.php">Welcome To India</a> About India <a href="forum.php">Forum</a>.
    </p>
    </div>
    <div id="main">
    <div class="box">
    <div>
    <div>
    <h3>Latest Blog</h3>
    <ul>
    <li>
    <h4><a href="news.php">Popular Monuments</a></h4>
    <p>
    all popular monuments listed here
    </p>
    </li>
    <li>
    <h4><a href="news.php">Popular Tourists Spots</a></h4>
    <span>May 29, 2023</span>
    <p>
    all popular tourist places are listed here
    </p>
    </li>
    </ul>
    </div>
    </div>
    </div>
    <div id="testimonials" class="box">
    <div>
    <div>
    <h3>History</h3>
    <p>
    History of india <span>- <a href="index.php">Welcome To India</a></span>
    </p>
    </div>
    </div>
    </div>
    </div>
    <div id="sidebar">
    <div class="section">
    <a href="rooms.jpg"><img src="images/rooms.jpg" alt="Img"></a>
    </div>
    <div class="section">
    <a href="tripplanner.php"><img src="images/dive-site.jpg" alt="Img"></a>
    </div>
    <div class="section">
    <a href="holidays.php"><img src="images/food.jpg" alt="Img"></a>
    </div>
    </div>
    </div>
    </div>
    <div id="footer">
    <div>
    <ul class="navigation">
    <li class="active">
    <a href="index.php">Home</a>
    </li>
    <li>
    <a href="about.php">Discover India</a>
    </li>
    <li>
    <a href="forum.php">Forum </a>
    </li>
    <li>
    <a href="tripplanner.php">Trip Planner</a>
    </li>
    <li>
    <a href="holidays.php">Holidays</a>
    </li>
    <li>
    <a href="news.php">Cuisines</a>
    </li>
    <li>
    <a href="contact.php">Contact</a>
    </li>
    </ul>
    <div id="connect">
    <a href="http://www.facebook.com/" target="_blank" class="facebook"></a> <a href="http://www.twitter.com/" target="_blank" class="twitter"></a> <a href="http://www.googleplus.com/" target="_blank" class="googleplus"></a>
    </div>
    </div>
    <p>
    © 2013 by Roy
    </p>
    </div>
    </div>
    </body>
    </html>

Answer 1

您需要將以下代碼包裝在document.ready()

$(document).ready(function(){
    $('#slider').cycle({ 
        fx:     'turnRight', 
        speed:  'slow', 

        next:   '#next', 
        prev:   '#prev' 
    });
});

此代碼可以在ie 10上正常運行，但不能在chrome和firefox上運行（javascript / ajax部分）

問題描述

1 個解決方案

解決方案1
2 已采納 2013-10-02 14:53:21

此代碼可以在ie 10上正常運行，但不能在chrome和firefox上運行（javascript / ajax部分）

問題描述

1 個解決方案

解決方案1 2 已采納 2013-10-02 14:53:21

解決方案1
2 已采納 2013-10-02 14:53:21