在页面中添加两次时,Jquery库出现问题

时间:2015-11-06 06:51:09

标签: javascript php jquery html ajax

我正在使用Adminlte主题。 这里我有用于主题的J查询库。我在页脚添加了它。如果我在标题中添加它会导致UI中出现问题。 我的问题是我有一个ajax加载的页面,我需要一些库(也在页脚中)包含在那里。如果没有,它就不会起作用。

现在,如果我在加载ajax页面后没有页面刷新回来,那么问题就在那里。 问题是由于在页面中加载两次库。我该怎么办?

2 个答案:

答案 0 :(得分:1)

更改加载jQuery的方式,只有当它尚未加载到dom中时才会加载:

<script type="text/javascript">
if(!window.jQuery){
   var script = document.createElement('script');
   script.type = "text/javascript";
   script.src = "jquery.js";
   document.getElementsByTagName('footer')[0].appendChild(script);
}
</script>

我假设你的文档中有一个页脚html标记,否则使用document.getElementById(“footer”)[0] .appendChild(script);将脚本附加到#footer标记。

答案 1 :(得分:0)

对于这类问题,我使用POST或GET变量通过ajax函数为footer.php传递,所以它想要加载任何我不想要的库

检查我的Footer.php

<?php
if(empty($_GET['load_lib']){
?>
<script src=" path to the js file"></script>
<? }else{
//no files to be loaded
} ?>
在Ajax函数中的

我将load_lib作为参数传递,其值为'yes'或'true'等... 祝你好运......