Jquery 使用Ajax支持的网站加载新脚本

我已经做了以前答案的常规搜索。。。没有找到

基本上，我正在创建一个网站，使用jQuery将每个页面加载到内容Div中

这是正在进行的网站

到目前为止一切正常，我的问题是，当用户点击“公文包”部分时，我想使用新脚本（lightbox类型的脚本）显示一些图像。然而，通过使用ajax将内容加载到div中，似乎阻止了我这样做。有人有解决这个问题的办法吗

谢谢

这是我的Ajax脚本

$（文档）.ready（函数（）{

var hash=window.location.hash.substr（1）；
var href=$（'.top_nav a'）。每个（函数（）{
var href=$（this.attr（'href'）；
if（hash==href.substr（0，href.length-5））{
var toLoad=hash+'.html#content'；
$（“#内容”）.load（toLoad）
}                                           
});
$（'.top_nav a'）。单击（函数（）{
var toLoad=$（this.attr（'href'）+'#content'；
$（'content'）。隐藏（'slow'，loadContent）；
$（“#加载”）.remove（）；
$（'#标题_resize'）。追加（'请稍候'）；
$（'加载'）.fadeIn（'正常'）；
window.location.hash=$（this.attr（'href'）.substr（0，$（this.attr（'href'）.length-5）；
函数loadContent（）{
$（'#content'）.load（toLoad'，showNewContent（））
}
函数showNewContent（）{
$（'#content'）.show（'normal'，hideLoader（））；
}
函数hideLoader（）{
$（'加载'）.fadeOut（'正常'）；
}
返回false；
});

}))

/*完成ajax*/

---

现在，在将要加载的一个#content Div中，我只想添加一个lightbox类型的库，其中将包含一个额外的.js文件。谢谢

是您要找的吗？

您需要使用该功能。我自己也经历过，知道这会解决问题

您可以使用ajax调用的

success

事件来初始化库，然后…（并在页面中预先包含脚本）

谢谢您的快速回答。我在哪里用这个呢？在要加载的页面的#content div中？我不确定。基本上，当我用ajax将内容加载到div中时，我就不能再在新内容上使用任何脚本了。。这就是我的问题。你可以发布一个你试图应用的脚本的示例，以及你如何使用AJAX调用div内容吗？带回调的$.getScript（）似乎就足够了，但很难说。这会让您更清楚。它在这里工作得很好！但如果通过来自的ajax调用访问，则不会

var hash = window.location.hash.substr(1);
var href = $('.top_nav a').each(function(){
    var href = $(this).attr('href');
    if(hash==href.substr(0,href.length-5)){
        var toLoad = hash+'.html #content';
        $('#content').load(toLoad)
    }                                           
});

$('.top_nav a').click(function(){




    var toLoad = $(this).attr('href')+' #content';
    $('#content').hide('slow',loadContent);
    $('#load').remove();
    $('#header_resize').append('<span id="load">Please wait</span>');
    $('#load').fadeIn('normal');
    window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
    function loadContent() {
        $('#content').load(toLoad,'',showNewContent())

    }
    function showNewContent() {
        $('#content').show('normal',hideLoader());
    }
    function hideLoader() {
        $('#load').fadeOut('normal');


    }


    return false;

});