我的JS代码无法处理初始加载/页面更改
我的JS代码无法处理初始加载/页面更改
提问于 2019-07-25 16:48:11
所以我有一个外部插件，并且我在我的custom.js中包含了他们的JS。它们工作得很好，直到我从另一个页面访问该页面(初始加载)。刷新页面后，JS开始工作。
到底是什么问题，有谁有建议吗？
$(document).ready(function(){
function init_template(){
... (Another JS)
//Trumbowyg WYSIWYG Editor
$('.js-trumbowyg').trumbowyg({
btns: [
['strong', 'em'],
['justifyLeft', 'justifyCenter'],
['unorderedList','link']
]
});
//Select2
$('.js-select2').select2();
$(".js-example-placeholder-single").select2({
placeholder: "Pilih Produk",
allowClear: true
});
//Filepond
const inputElement = document.querySelector('input[type="file"]');
const pond = FilePond.create( inputElement );
}
});完整的JS代码https://jmp.sh/V98Ytc9 (从1454行开始)
我在我的html中这样调用它们。
<div class="content bottom-25">
<!-- Select2 -->
<select class="js-example-placeholder-single js-states form-control">
<option></option>
<option value="iOS">iOS</option>
<option value="Linux">Linux</option>
<option value="MacOS">MacOS</option>
<option value="Android">Android</option>
<option value="Windows">Windows</option>
</select>
<!-- WYSIWYG Editor Using Trumbowyg -->
<textarea class="js-trumbowyg" placeholder="Ceritakan reviewmu secara menarik"></textarea>
<!-- Filepond FIle Uploader-->
<input type="file">
</div>完整的HTML代码https://jmp.sh/wPgiHCB
也许一些图片能帮上忙
回答 2
Stack Overflow用户
发布于 2019-07-25 19:19:12
已更新，通过在链接到此问题页面的每个页面中调用相关插件脚本和css文件修复。
对于菜鸟的经历，我很抱歉
干杯
Stack Overflow用户
发布于 2019-07-25 17:50:53
我认为你必须像这样对你的脚本进行排序
<script type="text/javascript" src="scripts/jquery.js"></script>
<script type="text/javascript" src="scripts/plugins.js"></script>
<script type="text/javascript" src="trumbowyg/dist/trumbowyg.min.js"> </script>
<script type="text/javascript" src="select2/dist/js/select2.min.js"></script>
<script type="text/javascript" src="filepond/dist/filepond.js"></script>
<script type="text/javascript" src="scripts/custom.js" async></script>在最后加载Custom.js。因为它包含其他js中的函数调用(如.trumbowyg(..)是trumbowyg.min.js)。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/57197883
复制相关文章
相似问题
腾讯云开发者
