在ajax网站上的多个页面内调用相同的功能

Question

我有一个Ajax驱动的网站（所有页面都动态加载）。
有一个index.php文件，里面有一个容器，我加载页面。
当发出新页面请求（URL更改）时，当前页面向下滑动并消失，新的页面将在后台加载。当它完成加载时，它会与新内容一起重新显示相同（但反转）的动画。

我希望在动画进行时加载我的所有javascript，而不是在它之后。所以这必须在页面加载后立即发生，就在动画开始之前。

到index.php中的ajax方法我设置了一个回调（例子）

 $('#div-1').load('example.php', function()
    {
        doThis();
        $('#div-1').show();
    });

该功能在每个页面中但具有不同的内容（示例）

for home.php

function doThis(){
       doHomeThings();
 }
 function doHomeThings(){console.log("YOO")}

用于contact.php

function doThis(){
       doContactThings();
 }
 function doContactThings(){console.log("YO!!!")}

这有效吗？