使用Ajax驱动的网站加载新脚本

我已经完成了对以前答案的常见搜索...没有找到。使用Ajax驱动的网站加载新脚本

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

这里正在进行的现场http://www.websitesbyshane.co.uk/chris

一切工作正常，到目前为止，我的问题是，当用户点击进入该图集“部分，我想显示使用新的脚本时的一些图像（灯箱但是，似乎通过使用ajax将内容加载到div中阻止了我这样做。任何人有任何想法解决这个问题？

谢谢。

这里是我的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; 

});

}）;

/*完成AJAX */

现在，里面的＃内容div的，将加载的一个，我只是想添加收藏夹类型库，其中将包括1个额外的.js文件。谢谢

来源

2010-07-20 shane

您可以发布任何脚本样本您'试图申请，以及如何在AJAX中调用div内容？看起来像$ .getScript（）回调就足够了，但很难说。 – 2010-07-20 20:54:50

上面编辑！ :) – shane 2010-07-20 21:11:03

这应该让你更清楚。它在这里很好用！ http://websitesbyshane.co.uk/chris/portfolio.php 但如果通过ajax调用访问 http://websitesbyshane.co.uk/chris/index.php – shane 2010-07-20 21:14:36

您需要使用live()函数。我亲身体验过这一点，并且知道这会解决它。

来源

2010-07-20 20:33:09 Marwelln

感谢您的快速回答。我会在哪里使用这个呢？在要加载的页面的#content div内？ – shane 2010-07-20 20:37:33

是jQuery.getScript()你在找什么？

来源

2010-07-20 20:31:31 Dianoga

我不确定。基本上，当我用ajax将内容加载到div中时，我无法再使用新内容上的任何脚本。这是我的问题 – shane 2010-07-20 20:38:37

你可以，也许，使用success事件的Ajax调用，初始化画廊的话..（和预包括脚本在页面）

来源

2010-07-20 20:35:03

使用Ajax驱动的网站加载新脚本

回答

相关问题