2015-04-22 61 views
-1

我无法弄清楚如何在同一页面上使用这两个JavaScript代码。jquery库需要在脚本之前加载,并与另一个库冲突

<script id="script" type="text/javascript"> 
    jQuery(document).ready(function(){ 
     jQuery("#menuzord").menuzord({ 
      align: "right", 
      effect: "slide", 
      animation: "stretch" 
     }); 
    }); 
</script> 

我在菜单中使用此代码调整每页页眉的大小。它正常工作,但当我也使用无尽的页面(Django)JavaScript代码停止工作。

{% block js %} 
    {{ block.super }} 
    <script src="http://code.jquery.com/jquery-latest.js"></script> 
    <script src="/static/endless_pagination/js/endless-pagination.js"></script> 

    <script> 
     $.endlessPaginate({ 
      paginateOnScroll: true, 
      paginateOnScrollMargin: 20 
     }); 
    </script> 
{% endblock %} 

如果我删除库()比调整大小的作品,但endless_pagination没有。如果我离开图书馆那里比分页正在加载,但不是调整大小。另外,如果我从分页加载库不工作,它必须加载之前,无尽pagination.js。如何解决这个问题,以便两个脚本在同一页面上工作?

+0

页面上是否有任何javascript错误? –

+0

django是否包含它自己的jQuery版本?这将是一个很有可能的原因。另外,请务必不要在生产代码中使用'http:// code.jquery.com/jquery-latest.js' .. –

+0

如果我检查元素: 127.0.0.1/:126未捕获TypeError:undefined不是函数 127.0.0.1/:144未捕获TypeError:undefined不是函数 http://127.0.0.1:8000/static/css/auth-buttons.css加载资源失败:服务器响应的状态为404( NOT FOUND)..目前分页正在工作,因为该库存在 – Torostar

回答

-1

可能是一些在你的代码与您

jQuery(document).ready() 

块的执行干扰。

请记住,此代码仅在整个页面的其余部分完成加载(并且在页面中的其他javascript)的情况下才会执行并执行。

因此,检查JavaScript控制台的分页代码的任何错误。在菜单redimension甚至可以开始执行之前,可能有某些内容正在打破JavaScript执行。