bootstrap.min.js：6未捕获的错误：Bootstrap的JavaScript需要bootstrap.min.js：6上的jQuery

Question

i make control panel and there is a problem with jquery (data-toggle) not working and this message appear in console" bootstrap.min.js:6 Uncaught Error: Bootstrap's JavaScript requires jQuery at bootstrap.min.js:6 " this is footer file

   <div calss="footer">

 </div>
 <script src="<?php echo $js; ?>jquery-3.2.1.min.js"></script>
 <script src="<?php echo $js; ?>jquery-ui.min.js"></script>
<script src=" <?php echo $js; ?>bootstrap.min.js"></script>
  <script src="<?php echo $js; ?>jquery.selectBoxIt.min.js"></script>
  <script src="<?php echo $js; ?>backend.js"></script>


 </body>
 </html>

and i include footer

include $tpl.'footer.php';

and thats working in main site with the same folders and pathes and names i dont know whats wrong

Answer 1

Try this

Change the order of files it should be like below..

<script src="<?php echo $js; ?>jquery-3.2.1.min.js"></script>
<script src="<?php echo $js; ?>bootstrap.min.js"></script>
<script src="<?php echo $js; ?>jquery-ui.min.js"></script>
<script src="<?php echo $js; ?>jquery.selectBoxIt.min.js"></></script>
<script src="<?php echo $js; ?>backend.js"></script>