Javascript 光滑滑块法'；slickPrev'；输入获得焦点时不在引导模式内触发

我使用slick slider及其方法“slickPrev”和“slickNext”在引导模式内手动滑动某些内容。一张幻灯片有一个表单，所有内容都可以完美工作，直到表单输入获得焦点，然后我无法使用触发“slickPrev”方法的按钮返回上一张幻灯片。 这个问题只发生在移动浏览器上，到目前为止，chrome是android浏览器

我试图在模式之外重现问题，但问题似乎只发生在模式内部，正如您在这个JSFIDLE中看到的：where

$（'body'）。在（'click'，'上。返回到内容'，函数（）{
美元（“.wl项目滑动”）.slick（'slickPrev'）；
$（'body'）.find（'.modal footer.btn group'）.html（'Close Next step'）；
});

---

只会使输入失去焦点，否则它会在没有焦点的情况下正常工作。

好的，我找到了一个解决方案。要使它正常工作，我必须从页脚移除触发幻灯片的按钮，并将它们放在幻灯片中。 这是工作小提琴：

Lorem ipsum Door sit amet
接近
下一步
电子邮件
电话*
发送
返回
接近

小提琴对我来说很好用。也许可以尝试清除缓存？@IvanaG.B。不，缓存不是问题。我保持它干净。你使用哪个版本的android chrome？我使用的是78.0.3904.108

$('body').on('click','.back-to-content',function(){
        $('.wl-items-swipe').slick('slickPrev');
        $('body').find('.modal-footer .btn-group').html('<button type="button" class="btn btn-default" data-dismiss="modal">Close <i class="fa fa-times"></i></button><button type="button" class="btn wl-next-step">Next step <i class="fa fa-arrow-right"></i></button>');

});

<div class="wl-content">
     <p id="some-content">Lorem ipsum dolor sit amet.</p>
         <div class="btn-group">
              <button type="button" class="btn btn-default" data-dismiss="modal">Close <i class="fa fa-times"></i></button>&nbsp;
              <button type="button" class="btn wl-next-step">Next step <i class="fa fa-arrow-right"></i></button>
        </div>
</div>

<div class="wl-form">
     <form id="w-items-form">
        <div class="form-group">
        <label for="email" style="font-weight:bold;font-size:14px">Email</label>
        <input type="text" class="form-control wl-email" placeholder="Email"/>
        </div>
        <div class="form-group">
        <label for="phone"  style="font-weight:bold;font-size:14px">Phone<span style="color:red">*</span></label>
        <input type="tel" class="form-control wl-phone" max="15" placeholder="Phone number"/>
        </div>
        <div class="form-group text-center">
            <button type="button" class="btn btn-wl-submit" style="font-size:14px;">Send <i class="fa fa-send"></i></button>
        </div>
    </form>
    <div class="btn-group">
         <button type="button" class="btn btn-default back-to-content" style="border-right: 2px solid #ececec;"><i class="fa fa-arrow-left"></i> Back</button>
         <button type="button" class="btn btn-default" data-dismiss="modal">Close <i class="fa fa-times"></i></button>
    </div>
</div>