使用基于Ajax的Web站点加载新脚本

时间:2010-07-20 20:27:20

标签: jquery ajax

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

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

这是正在进行中的网站http://www.websitesbyshane.co.uk/chris

到目前为止一切正常,我的问题是,当用户点击“投资组合”部分时,我想使用新脚本(灯箱类型脚本)显示一些图像但是,似乎通过加载内容使用ajax进入div是阻止我这样做的。任何人都有解决这个问题的想法吗?

感谢。

这是我的Ajax脚本......

$(document).ready(function(){

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;

});

});

/ *完成ajax * /

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

3 个答案:

答案 0 :(得分:0)

jQuery.getScript()您要找的是什么?

答案 1 :(得分:0)

您需要使用live()功能。我自己也经历过这个,并知道这会解决它。

答案 2 :(得分:0)

你也许可以使用ajax调用的success事件来初始化图库然后..(并预先包含页面中的脚本