bootstrap和layui同时使用,使用bs的弹出层时,无法动态追加数据

在项目开发中,发现在动态为select添加数据时,一直无法添加。

bootstrap和layui同时使用,使用bs的弹出层时,无法动态追加数据

结果一直显示select无法读取到数据。

在前端打印时,发现数据已经传过来了。于是判断,肯定是在append的时候有问题。这块的问题,分为两种情况

1、jquery无法引入

2、jquery能引入,无法追加

继续运行,打印了一下$,发现可以运行。很奇怪啊,于是,F12查看源码,发现源码里根本没有此元素。DOM元素不存在,是怎么回事呢?于是仔细看下使用的layui的工具栏写法。后来尝试把使用的bootstrap的弹出框放到layui工具栏的模板写法外面。终于有了效果。

注意:如果需要动态赋值的,一定要放下面代码的外面,不能放到里,否则是无法渲染的

<script type="text/html" id="toolbar"></script>

应该是渲染顺序的问题导致的