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