漂亮的照片在使用.load时不会触发？

我想从＃页面B中的#somediv的元素加载到我的index.html文件中的主要#content div中。

我试过阅读本网站上的多个帖子，我似乎无法弄清楚我做错了什么。我是jquery的新手，所以可能解释我的无能为力！

总之：用我的主页上漂亮的照片链接工作正常

我有相关链接的jquery.js，prettyphoto.js & CSS等等，一切都运行良好。

在“B页”上，我试图将#somediv的内容放到我的index.html #content div中 - 我也有相关链接，并且该页面上的漂亮照片可以正常工作好。

我的问题：我使用这个函数（从我的index.html页面调用，并且位于外部文件im从index.html页面的头部调用，如果有帮助的话）加载外部的内容（但在相同的域名）页面。

$(document).ready(function() { 
    $("#EVL_1").click(function(event){ 
    $('#content').load('INFO_du.html #EVL_1'); 
    $("a[rel^='prettyPhoto']").prettyPhoto(); 
    }); 
    $("#EVL_2").click(function(event){ 
    $('#content').load('INFO_du.html #EVL_2'); 
    $("a[rel^='prettyPhoto']").prettyPhoto(); 
    }); });

，并点击包含在使用这个脚本通过.load加载到我的index.html页面“网页B” #somediv的链接（见下文）

<span class="file"><a href="Dry_Utility/test.html?iframe=true&width=100%&height=100%" rel="prettyPhoto[test]" title="A very old Sample for illustrative purposes!">Test - regular HTML</a></span>

的做工精细加载外部div正确，并在我的桌面上使用IE浏览器，当我点击链接弹出漂亮的照片，

但是，当我上传到我的服务器并尝试它，上面的test.html链接不打开漂亮的照片 - 它打开一个新窗口？（使用IE浏览器，Chrome浏览器和Firefox），所以我肯定错过了一些东西：

通过阅读所有这里的条目，我发现我必须以某种方式调用.load函数后的漂亮照片JavaScript“我认为” 。那是当我加入以下行.load部分后，它的工作我的桌面上（但无处！）

 $("a[rel^='prettyPhoto']").prettyPhoto();

我一直在尝试不同的事情，我已经在这个网站全天发现找不出如何做这个工作，并获得prettyphoto.js加载后，我做.load并把div到我的主页。

对不起，如果这是真的很愚蠢我只是没有得到它？

最后一个思想：（？也许这就是我的问题），即时通讯使用.load带过来#somediv，其中包含了上面的第三页（也同域）链接的test.html

来源

2011-02-12 Tim Pohlad

我相信你因为“负载”不会马上回来，所以很麻烦。在成功回调中将您的电话转到prettyPhoto，我认为它会起作用！

更具体地说，在您的本地测试环境中，它会立即返回。但是在服务器上，它只需要一点点时间，所以当你打电话给.prettyPhoto时，你的HTML不在文档中。合理？

http://api.jquery.com/load/

$('#result').load('ajax/test.html', function() { 
    alert('Load was performed.'); 
});

来源

2011-02-12 08:39:25

是的，我认为我得到了，看起来如何做成功回调 – 2011-02-12 08:49:49

感谢方向道森：

它现在 - 见下文（只是要确保我的CSS文件中的test.html页面的头部和我们！都不错）

使用此功能：

  $(document).ready(function() { 
      $("#EVL_1b").click(function(event){  
       $('#content').load('INFO_du.html #EVL_1b', function() {  
       $("a[rel^='prettyPhoto']").prettyPhoto();  
       }); 
      }); 
     });

的d此链接（摆脱的;返回false，这听起来像一个坏主意，因为我通过这个网站阅读）

<a href="#" id="EVL_1b">EVL_1b</a>

再次感谢您对您的帮助！

来源

2011-02-14 17:53:56

漂亮的照片在使用.load时不会触发？

回答

相关问题