Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 游泳运动员职业化_Jquery_Swiper - Fatal编程技术网

Jquery 游泳运动员职业化

Jquery 游泳运动员职业化,jquery,swiper,Jquery,Swiper,我对JQuery滑块“Swiper”(这里是API-)有问题。 当我加载页面时,我需要将刷子滚动到一些“幻灯片”上。=>我使用函数“mySwiper.swipeTo”来滚动Swiper。这在函数“onSlideClick”中可以很好地工作,但当我向函数“onFirstInit”或“onInit”或“onSwiperCreated”添加类似的代码时,没有任何效果(只有错误)。看起来Swiper不知道什么是“myswider”=>使用“myswider.slides.length”这样的代码会出错,

我对JQuery滑块“Swiper”(这里是API-)有问题。 当我加载页面时,我需要将刷子滚动到一些“幻灯片”上。=>我使用函数“mySwiper.swipeTo”来滚动Swiper。这在函数“onSlideClick”中可以很好地工作,但当我向函数“onFirstInit”或“onInit”或“onSwiperCreated”添加类似的代码时,没有任何效果(只有错误)。看起来Swiper不知道什么是“myswider”=>使用“myswider.slides.length”这样的代码会出错,Swiper无法工作

非专业化开关的代码示例:

  <script type="text/javascript">
  window.onload = function() {
    var mySwiper = new Swiper('.swiper-container',{
      mode:'vertical',
      slidesPerView: 5,
      grabCursor: true,
      loop: false,
          onFirstInit: function() {
            zmena_obsahu_load();
          },
          onSlideClick: function() {
            zmena_obsahu_klik();
          }
    });

    var zmena_obsahu_load = function() {
      var index_lo = $(".menu_aktivni_trida").attr("data-id");

      var pocet_slidu = mySwiper.slides.length;
      if( (index_lo-2) <= 0 ){
        mySwiper.swipeTo((index_lo), '500', false);
      }
      else{
        mySwiper.swipeTo((index_lo-2), '500', false);        
      }

    };

    var zmena_obsahu_klik = function() {
      var index_slidu = $(mySwiper.clickedSlide).attr("data-id");
      var index_slidu2 = mySwiper.clickedSlideIndex;

      $(".obsah_posuv").hide();
      $("#posuv_"+index_slidu).show();
      $(".swiper-slide").removeClass("menu_aktivni_trida");
      $(mySwiper.clickedSlide).addClass("menu_aktivni_trida");

      var pocet_slidu = mySwiper.slides.length;
      if( (index_slidu2-2) <= 0 ){
        mySwiper.swipeTo((index_slidu2), '500', false);
      }
      else{
        mySwiper.swipeTo((index_slidu2-2), '500', false);        
      }

    };

    $('.posuv_menu_h').on('click', function(e){
      e.preventDefault()
      mySwiper.swipePrev()
    })
    $('.posuv_menu_d').on('click', function(e){
      e.preventDefault()
      mySwiper.swipeNext()
    })

  }
  </script>

window.onload=函数(){
var mySwiper=new Swiper(“.Swiper container”{
模式:'垂直',
幻灯片浏览:5,
格雷博:是的,
循环:false,
onFirstInit:function(){
zmena_obsahu_load();
},
onSlideClick:function(){
zmena_obsahu_klik();
}
});
var zmena_obsahu_负载=函数(){
var指数=美元(“.menu_aktivni_trida”).attr(“数据id”);
var pocet_slideu=mysweer.slides.length;

如果((索引_lo-2)我有这个问题的解决方案。=> “Swiper哈希导航”(idangero.us/sliders/Swiper/plugins/hashnav.php#slide3)

这不是理想的解决方案,但很有效,我重写了这个脚本的代码,使其在url=>

var hash=document.location.hash.replace('#','')
更改为
var hash=document.getElementById(“akt_rok”).textContent;

id为“akt_roke”的span有“display:none”=>它在url中没有散列就可以工作。

现在我使用了“Swiper散列导航”(Swiper hash Navigation)。这似乎是一个解决方案。