当我在Mvc中的Bxslider中单击下一个控件时，新寻呼机每次都在创建 [英] New Pager Is Creating Every Time When I Click Next Control In Bxslider In Mvc

问题描述

i在mvc的布局页面中创建了滑块。

i使用了bxslider，其中包含寻呼机和prev / next控件。

i在滑块中使用了pager：false。

点击下一个控件，自动寻呼机正在创建，每次点击下一个控件时自动递增和复制....

请帮助...提前数十亿谢谢....

<前lang =Javascript> $（文件） .ready（ function （）{
$（' .bxslider'）。bxSlider（{
mode：' horizo​​ntal'，
useCSS： false ，
infiniteLoop： false ，
hideControlOnEnd： true ，
eas ing：' easeOutElastic'，
speed： 1800 ，
寻呼机： false ，
auto： true ，
autoControls： true ，
autoStart： true ，
模式： ' fade'，
captions： false


}）;

$（' 。bx-prev，.bx-next'） .click（ function （e）{
var i = $（ this ）。index（）;
var slider = $（' .bxslider'）。bxSlider（）;
slider.goToSlide（i）;
slider.stopAuto（）;
restart = setTimeout（ function （）{
slider.startAuto（）;
}， 200 ）;
返回 false ;
}）;

 <   header  >  
 <   div  >  
 <   div     class   =  bxslider-controls >  
 <   span     id   =   bx-prev4 >  <   a     class   =  bx-next  >  <   / a  >  <   / span  >  
 <   span     id   =  bx-next4 >  <   a     class   =  bx-prev >  <   / a  >  <   / span  >  
 <   / div  >  
 
 <   ul     class   =  bxslider >  
 <   li  >  <   img     src   =  ../../ Images / Blue-Lines.jpg    alt   =     style   =  width：1150   高度  =  200    /  >  <   / li  >  
 <   li  >  <   img     src   =  ../../ Images / special-olympics.gif   < SP class =code-attribute> alt   =    样式  =  width：1150    height   =  200    /  >  <   / li  >  
 <   li  >  <   img     src   =  ../../ Images / Kejriwal_Happy.gif    alt   =     style   =  width：150    height   =  200    /  >  <   / li  >  
 <   li  >  <   img     src   =  ../../ Images / modi.gif    alt   =     style   =   width：150    height   =  200    /  >  <   / li  >  
 <   li  >  <   img     src   =  ../../ Images / google-gameday.gif    alt   =    样式  =  width：1150    height   =  200    /  >  <   / li  > ;  
 <   li   &G t;  <   img     src   =  ../../ Images / noodles.gif    alt   =     style   =  width：1150   高度  =  200    /  >  <   / li  >  
 
 < ;   / ul  >  
 
 
 < span class =code-keyword><   / div  >  

解决方案

（ document ）。ready（ function （）{

（' 。bxslider'）。bxSlider（{
mode：' horizo​​ntal'，
useCSS： false ，
infiniteLoop： false ，
hideControlOnEnd： true ，
easing：' easeOutElastic'，
速度： 1800 ，
寻呼机： false ，
auto： true ，
autoControls： true ，
autoStart： true ，
模式：' 淡入淡出'，
字幕： false


}）;

（' 。bx-prev，.bx-next'）。click（ function （e）{
var i =

hi,
i have created slider in my layout page in mvc.
i have used bxslider which has pager and prev/next controls in it.
i have used pager:false in slider.
on clicking next control, automatically pager is creating and is auto incrementing and duplicating everytime i click the next control....
please help...billions of thanks in advance....

$(document).ready(function () {
            $('.bxslider').bxSlider({
                mode: 'horizontal',
                useCSS: false,
                infiniteLoop: false,
                hideControlOnEnd: true,
                easing: 'easeOutElastic',
                speed: 1800,
                pager: false,
                auto: true,
                autoControls: true,
                autoStart:true,
                mode: 'fade',
                captions:false


            });

            $('.bx-prev, .bx-next').click(function (e) {
                var i = $(this).index();
                var slider = $('.bxslider').bxSlider();
                slider.goToSlide(i);
                slider.stopAuto();
                restart = setTimeout(function () {
                    slider.startAuto();
                }, 200);
                return false;
            });

<header>
       <div>
        <div class="bxslider-controls">
            <span id="bx-prev4"><a class="bx-next"></a></span>
            <span id="bx-next4"><a class="bx-prev"></a></span>
        </div>
       
        <ul class="bxslider">
         <li><img src="../../Images/Blue-Lines.jpg" alt="" style="width:1150" height="200" /></li>
         <li><img src="../../Images/special-olympics.gif" alt="" style="width:1150" height="200" /></li>
         <li><img src="../../Images/Kejriwal_Happy.gif" alt="" style="width:150" height="200" /></li>
         <li><img src="../../Images/modi.gif" alt="" style="width:150" height="200" /></li>
         <li><img src="../../Images/google-gameday.gif" alt="" style="width:1150" height="200" /></li>
         <li><img src="../../Images/noodles.gif" alt="" style="width:1150" height="200" /></li>
  
       </ul>
          
          
       </div>

解决方案

(document).ready(function () {

('.bxslider').bxSlider({ mode: 'horizontal', useCSS: false, infiniteLoop: false, hideControlOnEnd: true, easing: 'easeOutElastic', speed: 1800, pager: false, auto: true, autoControls: true, autoStart:true, mode: 'fade', captions:false });

('.bx-prev, .bx-next').click(function (e) { var i =

这篇关于当我在Mvc中的Bxslider中单击下一个控件时，新寻呼机每次都在创建的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！