需要在脚本之前加载jquery库并与另一个库冲突

时间:2015-04-22 15:27:26

标签: javascript jquery conflict

我无法弄清楚如何在同一页面上使用这两个javascript代码。

$(document).ready(function() {
    $('#example').dataTable( {
        "language": {
            "lengthMenu": "Display _MENU_ records per page",
             ....
        }
    } );
} );

我使用此代码在每页的标题中调整菜单大小。它正常工作但当我使用endless_pagination(django)javascript时,此代码停止工作。

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

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

1 个答案:

答案 0 :(得分:-1)

您的代码中可能存在干扰

执行的内容
jQuery(document).ready()

块。

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

因此,请检查javascript控制台是否存在您的分页代码错误。在菜单重新开始甚至可以开始执行之前,可能存在违反javascript执行的事情。