Jquery 向bxSlider添加图像-仅在第一次单击时添加图像

我有以下代码：

JQUERY---

只有第一次开火。因此，第二次和之后的时间单击处理程序函数不会被激发。你知道发生这种事的原因吗？如果它是第一次启动，但不是接下来的几次，那么必须更改某些内容。但是什么呢

我现在试图实现的是，每次点击下一个btn，添加4张图片并向前滑动，以便显示它们

提前感谢您。

此行：

$('.bx-next').click(function(e){

只在第一次工作，因为在调用“slider.reloadSlider”时动态生成元素。因此，如果您需要此活动，您必须将其委派：

$(document).on('click', '.bx-next', function(e){

无论如何，我建议您使用bxSlider事件：onSlidePrev和onSlideNext

片段：

函数addNewImages（滑块）{
$（'.slider1'）。追加（''）；
$（'.slider1'）。追加（''）；
slider.reloadsloider（）；
$（'.bx-pager.bx-default-pager.bx-pager项：最后一个a'）。触发器（'click'）；
}
变量滑块=$（'.slider1'）.bxSlider({
模式：“水平”，
滑动宽度：200，
米斯利德斯：2，
maxSlides:2，
幻灯片摘要：10，
onSlidePrev：函数（$slideElement、oldIndex、newIndex）{
//添加新图像（此）；
},
onSlideNext:函数（$slideElement、oldIndex、newIndex）{
//添加新图像（此）；
}
});
$（文档）.on（'click'，'.bx next'，函数（e）{
添加新图像（滑块）；
});


$('.bx-next').click(function(e){

$('.bx-next').click(function(e){

$(document).on('click', '.bx-next', function(e){