个人中心
gpt4 book ai didi

javascript - Jquery slider 在服务器上托管时不工作，但在本地工作完美。为什么？

转载 作者：太空宇宙 更新时间：2023-11-03 18:20:38 25 4
gpt4 key购买 nike

Jquery slider 在服务器上托管时不工作，但在本地工作完美。为什么？我将所有源内容上传到我的网站。这是我网站的托管链接navarangtravels.com/jq/jq

错误之处请指出

        <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Untitled Document</title>

        <!-- DC Dream Accordion CSS -->
        <link rel="stylesheet" type="text/css" href="dream-accordion.css" />
        <!-- DC Javascript Library -->
        <script type="text/javascript" src="dcodes/jquery.min.js"></script><!-- jQuery Library (do not call twice on same page) -->
        <script type="text/javascript" src="dcodes/jquery.easing.js"></script><!-- jQuery Easing (do not call twice on same page) -->
        <!-- DC Dream Accordion JS -->
        <script type="text/javascript" src="js/froogaloop.min.js"></script>
        <script type="text/javascript" src="js/jquery.transform-0.9.3.min.js" ></script>
        <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
        <script type="text/javascript" src="js/jquery.getimagedata.min.js"></script>
        <script type="text/javascript" src="js/dream-accordion.js"></script>
        <!-- DC Dream Accordion Settings -->
        <script type="text/javascript">

            // SETTINGS
            var as_settings = {
                /* visibleItems: less of equal to total items in acordion  */
                visibleItems:5,
                /* slideshowOn; true, false */
                slideshowOn: true,
                /* useGlobalDelay; true, false (use same timer delay for all slides, if false you NEED to set individual delays for all slides) */
                useGlobalDelay: true,
                /* slideshowDelay; slideshow delay, in miliseconds (2500 = 2.5 seconds) */
                slideshowDelay: 2500,
                /* randomPlay; true, false (play slides in normal or random order or to be more accurate, if true - mixes slide order on the beginning to simulate random) */
                randomPlay: false,
                /* includeVideoInSlideshow; autoplay video if exist in slide and on video finish continue with next slide (true/false) */
                includeVideoInSlideshow: false,
                /* openOnRollover; true, false (open slides on rollover or click) */
                openOnRollover: true,
                /* useScroll; true, false */
                useScroll: true,
                /* scrollDraggerOverColor; scroll dragger color on mouse over */
                scrollDraggerOverColor: '#658',
                /* useControls; true/false */
                useControls: true,
                /* openSlideNum; open slide on begining, enter -1 for none, 0 = first, 1 = second, 2 = third... etc. */
                openSlideNum: 0,
                /* transitionTime: transition time for slide in miliseconds */
                transitionTime: 1000,
                /* transitionEase: transition ease for slide, (some eases may possibly not work correctly), check eases here: http://gsgd.co.uk/sandbox/jquery/easing/ */
                transitionEase: 'easeOutQuint'
            };

            jQuery(window).load(function() {
                jQuery.noConflict();
                jQuery.accordionSlider('#sliderWrapper', as_settings);
                as_settings = null;

                //after div holder (#gmap_canvas) for google map is ready in the dom, otherwise we get an error in ie coming from google maps.
                //google.maps.event.addDomListener(window, 'load', initialize);
                initializeGmap();
            });

            /*
            https://developers.google.com/maps/documentation/javascript/reference
            google map example
            */

            var gmap;
            function initializeGmap() {
                var myOptions = {
                  zoom: 8,
                  center: new google.maps.LatLng(48.856614, 2.3522219), // google map location to show
                  mapTypeId: google.maps.MapTypeId.ROADMAP
                };
                gmap = new google.maps.Map(document.getElementById('gmap_canvas'),
                    myOptions);
            }

        </script>
        </head>

        <body>

<!-- DC Dream Accordion Start -->
<div style="width:980px; margin:0 auto; padding:10px; position:relative;"> <!-- define slider container width (strict enforce) -->
          <div id="sliderWrapper">
    <div class="sliderCointainer">
              <div class="sliderHolder"> 
        <!-- Slide 1 -->
        <div class='slideDiv' data-width='500' data-content='' data-link='http://www.google.com' data-target='_blank' data-delay='3000'> <img class='stack_img' src='images/pamban.jpg' width='500' height='333' alt='' />
                  <p data-title='title' class="-90,bl,10,10" data-background-color="rgba(51,51,51, 0.6)" data-color="#ffffff">Rameswaram</p>
                  <p data-title='caption' class="50,200" data-background-color="rgba(51,51,51, 0.6)" data-color="#ffffff">The India's Holiest Place</p>
                  <p data-title='caption' class="50,250" data-background-color="rgba(51,51,51, 0.3)" data-color="#ffffff"> <a style="text-decoration:none" href="#" target="_blank">The longest corridor among all Hindu temples in India</a></p>
                </div>
        <!-- Slide 2 -->
        <div class='slideDiv' data-width='500' data-content='' data-link='' data-delay='5000'> <img class='stack_img' src='images/madurai.jpg' width='500' height='333' alt='' />
                  <p data-title='title' class="-90,bl,10,10" data-background-color="rgba(153,204,0, 0.6)" data-color="#ffffff">Madurai</p>
                  <p data-title='caption' class="50,250" data-background-color="rgba(153,204,0, 0.6)" data-color="#ffffff">The Temple City</p>
                </div>
        <!-- Slide 3 -->
        <div class='slideDiv' data-width='500' data-content='' data-link='FG0fTKAqZ5g' data-delay='3000'> <!-- data-link: add youtube video id here --> 
                  <img class='stack_img' src='images/mahal.jpg' width='500' height='333' alt='' />
                  <p data-title='title' class="-90,bl,10,10" data-background-color="rgba(204,0,0, 0.6)" data-color="#ffffff">Madurai</p>
                  <p data-title='caption' class="50,50" data-background-color="rgba(204,0,0, 0.6)" data-color="#ffffff">Thirumalai Nayakar Mahal</p>
                  <p data-title='caption' class="50,250" data-background-color="rgba(51,51,51, 0.6)" data-color="#ffffff">Classic fusion of Dravidian, Islamic styles</p>
                </div>
        <!-- Slide 4 -->
        <div class='slideDiv' data-width='500' data-content='' data-link='4749536' data-delay='3000'> <!-- data-link: add vimeo video id here --> 
                  <img class='stack_img' src='images/kodai.jpg' width='500' height='333' alt='' />
                  <p data-title='title' class="-90,bl,10,10" data-background-color="rgba(0,153,204, 0.6)" data-color="#ffffff">Kodaikanal</p>
                  <p data-title='caption' class="50,50" data-background-color="rgba(0,153,204, 0.6)" data-color="#ffffff">Princess of Hill stations</p>
                  <p data-title='caption' class="50,250" data-background-color="rgba(51,51,51, 0.6)" data-color="#ffffff">Kodaikanal</p>
                </div>
        <!-- Slide 5 -->
        <div class='slideDiv' data-width='500' data-content='image' data-link='' data-target='' data-delay='3000' > <img class='stack_img' src='images/kutralam.jpg' width='500' height='333' alt='' />
                  <p data-title='title' class="-90,bl,10,10" data-background-color="rgba(255,102,0, 0.6)" data-color="#ffffff">Courtallam</p>
                  <p data-title='caption' class="50,250" data-background-color="rgba(51,51,51, 0.6)" data-color="#ffffff">The Numerous Waterfalls & Cascades</p>
                </div>
        <!-- Slide 6 -->
        <div class='slideDiv' data-width='500' data-content='' data-link='' data-target='' data-delay='3000'> <img class='stack_img' src='images/ooty.jpg' width='500' height='333' alt='' />
                  <p data-title='title' class="-90,bl,10,10" data-background-color="rgba(94,73,188, 0.6)" data-color="#ffffff">Ooty</p>
                  <p data-title='caption' class="50,50" data-background-color="rgba(51,51,51, 0.6)" data-color="#ffffff">A Place you will love the Most</p>
                </div>
        <!-- Slide 7 -->
        <div class='slideDiv' data-width='500' data-content='' data-link='' data-target='' data-delay='3000'> <img class='stack_img' src='images/kany.jpg' width='500' height='333' alt='' />
                  <p data-title='title' class="-90,bl,10,10" data-background-color="rgba(4,4,4, 0.6)" data-color="#ffffff">Kanyakumari</p>
                  <p data-title='caption' class="50,200" data-background-color="rgba(128,128,128, 0.6)" data-color="#ffffff">Southernmost tip of India</p>
                  <p data-title='caption' class="50,250" data-background-color="rgba(91,91,91, 0.6)" data-color="#ffffff"><a style="text-decoration:none" href="http://www.bing.com" target="_blank">Thiruvalluvar Statue, Vivekananda Rock Memorial</a></p>
                </div>
      </div>
              <!-- /sliderHolder --> 
            </div>
    <!-- /sliderCointainer --> 

    <!-- accordion controls --> 
    <!--<div class="controls">
                <div class="controls_prev"><img src='dcodes/sliders/dream-accordion/data/icons/controls_prev.gif' width='9' height='13' alt='controls_prev'/></div>
        <div class="controls_toggle"><img src='dcodes/sliders/dream-accordion/data/icons/controls_play.gif' width='9' height='13' alt='controls_toggle'/></div>
        <div class="controls_next"><img src='dcodes/sliders/dream-accordion/data/icons/controls_next.gif' width='9' height='13' alt='controls_next'/></div>
            </div>--> 

    <!-- accordion scroll --> 
    <!--<div class="scroll">
                    <div class="scrollTrack"></div>
          <div class="scrollBar"></div>
        </div>-->
    <div class="fontMeasure">a</div>

    <!-- preloader
        <div class="mediaPreloader"></div>--> 

  </div>
          <!-- /sliderWrapper --> 
        </div>
<!-- DC Dream Accordion End -->
<div class="dc_clear"></div>
<!-- line break/clear line -->

</body>
</html>

最佳答案

我收到 HTTP 错误 503(服务不可用) - 基本上服务器现在根本不可用。这意味着您的某些文件未被下载。

您可能想要检查服务器以确保其正常工作。要检查 Chrome 中的错误:右键单击您的页面 > 检查元素

关于javascript - Jquery slider 在服务器上托管时不工作，但在本地工作完美。为什么？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21898760/

25 4 0
文章推荐： css - 单击链接后 anchor 悬停保持不变
文章推荐： ruby - 为什么从源代码编译后 Ruby 对我不可用？
文章推荐： html - 如何跨越两个父 div 的子 div
文章推荐： ruby - Play 中的 sass 插件!框架 2.0.4 抛出错误
太空宇宙
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com