1

对不起，菜鸟类型的问题。下面我的JS有问题。以下这些元素与 RoyalSlider 相关：http ://dimsemenov.com/plugins/royal-slider/documentation/和 Masonry。

当我将砌体调用放在 JS 的底部时，它不会加载。如果我将它放在顶部，它会加载，但会取消所有滑块调用。

即使我将脚本分开并将它们放在单独的调用中：

jQuery(document).ready(function($) {

...问题仍然存在（将一个呼叫置于另一个之上，取消另一个呼叫）。

这是我的初始化脚本：

jQuery(document).ready(function($) { 

var rsi = $('#slideshow').royalSlider({
    startSlideId: 1,
    transitionSpeed: 300,
    slidesSpacing: 0,
    loop: true,
    autoHeight: false,
    arrowsNav: false,
    fadeinLoadedSlide: true,
    controlNavigationSpacing: 0,
    controlNavigation: 'tabs',
    imageAlignCenter:true,
    loopRewind: false,
    numImagesToPreload: 3,
    usePreloader: true,
    keyboardNavEnabled: false,
    sliderDrag: false,
    autoScaleSlider: true,  
    autoScaleSliderWidth: 980,     
    autoScaleSliderHeight: 653,
    allowCSS3: true,
    autoPlay: {
      enabled: true,
      pauseOnHover: true,
      delay: 4500,
      stopAtAction: false
    },
    thumbs: {
      firstMargin: false,
      spacing: 0,
      fitInViewport: true
    }

    }).data('royalSlider');
        $('#next').click(function() {
        rsi.next();
    });
        $('#prev').click(function() {
        rsi.prev();
    });

var slider = $('#wrp_hero');
    slider.after(slider.find('.rsNav'));


var rsi2 = $('#slider').royalSlider({
    transitionType: 'slide',
    arrowsNav: false,
    fadeinLoadedSlide: false,
    controlNavigationSpacing: 0,
    controlNavigation: 'bullets',
    loop: false,
    loopRewind: false,
    keyboardNavEnabled: true,
    autoScaleSlider: false,
    sliderDrag: false,
    autoHeight: true
});

var $container = $('#portfolio');
    $container.imagesLoaded( function(){
    $container.masonry({
    itemSelector : '.box'
    });
});

//end doc ready function    
});

这是在我的 HTML 文档底部的 body 标记上方。s.js 是我的初始化脚本（如上）：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="/assets/j/l/jquery-1.8.3.min.js"><\/script>')</script>
<script src="/assets/j/l/masonry.2.1.07.min.js"></script>
<script src="/assets/j/l/royalslider.min.js"></script>
<script src="/assets/j/p.js"></script>
<script src="/assets/j/s.js"></script>
<script>
  var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
  (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
  g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
  s.parentNode.insertBefore(g,s)}(document,'script'));
</script>

谁能指出我正确的方向？

4

0 回答 0