Php bxslider重新加载滑块在另一个文件中不工作
我只是想动态地给bxslider添加一个幻灯片,当我在一个js文件中编写代码时,我成功地做到了这一点,但我的问题是我不能在一个文件中编写bxslider重新加载代码。看看我的代码,你就会明白了 我的php文件Php bxslider重新加载滑块在另一个文件中不工作,php,jquery,reload,bxslider,Php,Jquery,Reload,Bxslider,我只是想动态地给bxslider添加一个幻灯片,当我在一个js文件中编写代码时,我成功地做到了这一点,但我的问题是我不能在一个文件中编写bxslider重新加载代码。看看我的代码,你就会明白了 我的php文件 <!-- jQuery library (served from Google) --> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<!-- 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文件中编写php jquery代码时,它工作得很好,但目前无法工作。如果我在console.log(slider)中单击“添加”按钮,你能告诉我它有什么问题吗它向我展示了它们,但没有重新加载。我自己找到了解决方案:)我只是用window.slider声明变量,然后它就工作了
var slider;
$(document).ready(function(){
slider = $('.bxslider').bxSlider();
});