2015-04-22 62 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執行。