Question

全部，

我正在尝试将“page B”中#somediv的元素加载到我的index.html文件中的主#content div中。

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

无论如何：在我的主页上使用漂亮的照片链接工作正常

我有jQuery.js的相关链接，prettyphoto.js＆amp; css等......一切运作良好。

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

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

   $(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页面的“Page 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();

我一直在尝试我在这个网站上发现的不同的东西，并且无法弄清楚如何使这个工作并在我执行.load之后加载prettyphoto.js并将div带到我的主页面。

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

最后一个想法：我使用.load将#somediv，包含上面的链接到第三页（也在同一个域）test.html（也许这就是我的问题？）

Answer 1

我相信你遇到了麻烦，因为“负载”并没有马上回来。在成功回调中调用prettyPhoto，我认为它会起作用！

更具体地说，在您的本地测试环境中，它会立即恢复。但是在服务器上，它只需要更长的时间，因此当您向.prettyPhoto调用元素时，HTML不在文档中。有意义吗？

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

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

Answer 2

感谢道森的指示：

它现在有效 - 见下文（只需要确保我在test.html页面的头部有css文件，我们很好！）

使用此功能：

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

和这个链接（摆脱;返回错误，这听起来像我通过这个网站读的坏主意）

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

再次感谢您的帮助!!!

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

2 个答案: