Question

我只是想动态地向bxslider添加一张幻灯片，当我在一个js文件中编写代码时我成功了但是我的问题是我无法在一个文件中编写bxslider重载代码。看看我的代码然后你会理解

我的php文件

<!-- jQuery library (served from Google) -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<!-- bxSlider Javascript file -->
<script src="bxslider.min.js"></script>
<script src="custom.js"></script>
<!-- bxSlider CSS file -->
<link href="bxslider.css" rel="stylesheet" />


<ul id="slider" class="bxslider">
  <li><img src="images/pic1.jpeg" /></li>
  <li><img src="images/pic2.jpeg" /></li>
</ul> 

<input type="button" id="add" value="Add">

<script>
$(document).ready(function(){
  slider = $('.bxslider').bxSlider();

    $('#add').click(function(){
        var add_new = '<li><img src="images/pic3.jpeg" /></li>';
        console.log($('#slider'));
        console.log(slider);
        $('#slider').append(add_new);
        slider.reloadSlider();
    });
});
</script>

我的js文件

var slider;
$(document).ready(function(){
  slider = $('.bxslider').bxSlider();

});

当我在js文件中编写php jquery代码时，它工作得很完美，但目前它还没有工作。你可以告诉我它的问题是什么时候＆＃39;当我点击添加按钮时添加，如果我在console.log（滑块）它显示他们但没有重新加载它。

Answer 1

我自己找到了解决方案:)我只是用window.slider声明变量然后它就可以了

bxslider重新加载滑块不在另一个文件中

1 个答案: