无法使用page.js在网站的一页上执行Javascript代码

问题描述

编辑：@Mike'Pomax'Kamermans，对链接短缺者表示抱歉，您说得对！

我已经在我的网站上的表单中添加了一个日期选择器，但是仅当我直接浏览到该页面时它才起作用，例如，如果您直接打开第一个链接（预订页面），则日期选择器应该可以正常工作（这意味着我刚刚添加的代码中没有错误。

但是，如果您先浏览到索引页面（链接2），然后单击“保留”，则使用page.js librairie加载页面，看来我的代码没有执行！

这是代码的相关部分，位于我的reservation.html页面上的结束body标记之前：

<script src="./plugin/components/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="./plugin/components/bootstrap-datepicker/locales/bootstrap-datepicker.fr.min.js"></script> 
<script src="./plugin/components/moment/moment.min.js"></script>
<script src="./plugin/components/TouchSwipe/jquery.touchSwipe.min.js"></script> 
<script src="./plugin/datepicker-in-fullscreen.js"></script>

<script>
    $('#date').datepickerInFullscreen({
        fakeInput           : false,format              : 'DD/MM/YYYY',effect              :   '16',template        :   ' <div class="datepicker-in-fullscreen-modal dpifs-inverted-colors"> ' +
                                ' <div class="datepicker-in-fullscreen-content"> ' +
                                    ' <div class="datepicker-in-fullscreen"></div> ' +
                                    ' <div class="datepicker-in-fullscreen-controls"> ' +
                                        ' <a class="dpifs-today">{{today}}</a><a class="dpifs-clear">{{clear}}</a><a class="dpifs-close">{{close}}</a> ' +
                                    ' </div> ' +
                                ' </div> ' +   
                            ' </div> '+
                            ' <div class="datepicker-in-fullscreen-background dpifs-inverted-colors"></div> ',datepicker             : { 
            daysOfWeekdisabled: [0],language : 'fr'
        }
    });
</script>
<script>

var cleave = new Cleave（'＃phone'，{ 电话：是的， phoneRegionCode：“ fr” }）;

</script>

Reservation page

Index page

Javascript main code

目前唯一的解决方案是刷新页面以使日期选择器正常工作。.

为什么我的JS不执行？在这种情况下，添加自定义js文件的正确方法是什么？

非常感谢阅读所有主题的所有人！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）