Question

尝试通过Ajax调用Ubergallery我遇到了很多问题，我使用以下脚本解决它们。现在一切都按照我想要的方式工作，除了一件事，我没有导航按钮。你能帮我解决这个问题吗？

您可以看到我使用ajax http://iliaspapantoniou.com/2/gallery.php调用的页面上的按钮但当你把它叫http://iliaspapantoniou.com/2/index.htm菜单音乐时，按钮就不存在了。

提前谢谢

    $(document).ready(function(){
        $(document).on("click", "a[rel='colorbox']", function(e){
    e.preventDefault();
    var url = this.href;
    $.colorbox({href: url, maxWidth: "99%", maxHeight: "99%", opacity: ".5"});
    });
    });

我试图解决这个问题，我意识到了 e.preventDefault（）; 不允许对画廊中的所有图像进行处理，并且点击的图像似乎是图库中唯一的图像我认为这就是我没有导航按钮的原因。有人可以帮我解决这些问题。如果我没有写它 e.preventDefault（）; 剂量不正常。谢谢。

在index.htm上我使用这个ajax代码来调用gallery.php

<script>
function gallery(){
var xmlhttp;
// code for IE7+, Firefox, Chrome, Opera, Safari
if (window.XMLHttpRequest){
    xmlhttp=new XMLHttpRequest();
}
// code for IE6, IE5
else{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            document.getElementById("myDiv").innerHTML =         xmlhttp.responseText;
        }
    }
    xmlhttp.open("GET", "gallery.php", true);
    xmlhttp.send();
}
</script>

gallery.php使用下面的代码创建这些东西

<html>
<head>

 <link rel="shortcut icon" href="Gallery/resources/themes/uber-naked/images/favicon.png" />
 <link rel="stylesheet" type="text/css" href="Gallery/resources/themes/uber-naked/rebase-min.css" />
 <link rel="stylesheet" type="text/css" href="Gallery/resources/UberGallery.css" />
 <link rel="stylesheet" type="text/css" href="Gallery/resources/colorbox/5/colorbox.css" />
 <link rel="stylesheet" type="text/css" href="Gallery/resources/themes/uber-naked/style.css">

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" ></script>
 <script type="text/javascript" src="Gallery/resources/colorbox/jquery.colorbox.js"></script>

 <script type="text/javascript">

 $(document).ready(function(){
 $("a[rel='colorbox']").colorbox({maxWidth: "90%", maxHeight: "90%", opacity: ".5"});
 });
 </script>

 </head>
 <body>


 <?php include_once('Gallery/resources/UberGallery.php'); $gallery = UberGallery::init()->createGallery('Gallery/gallery-images'); ?>

 </body>
 </html>

当我打开gallery.php时，当我用ajax脚本调用它时，我没有导航按钮。你需要在index.htm上包含第一个脚本才能使用库任何人都可以告诉我为什么这个东西hapens

Answer 1

在 index.html 中，<a>没有元素rel='colorbox'。

Answer 2

最终我找到了一个解决方案，我称之为带有iframe的gallery.php

<iframe id="iframeResult" frameborder="0" src="gallery.php" scrolling="no" height="100%" width="100%"></iframe>

我用ifame（music.html）用AJAX调用页面

<script>
function Music()
{
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","files/Music.html",true);
xmlhttp.send();
}
</script>

唯一的问题是照片增长与iframe一样大

Ubergallery和ajax

2 个答案: