【问题标题】:how can i open another prettyphoto window using a link which is located inside the parent prettyphoto window?如何使用位于父 prettyphoto 窗口内的链接打开另一个 prettyphoto 窗口?
【发布时间】:2011-01-28 15:25:49
【问题描述】:

我有一个使用 AJAX 在服务器端构建的 html 表。这个 html 表格是使用 prettyphoto 显示的,直到这里一切正常。但是表格的最后一列是一个链接,它调用一个应该使用漂亮照片打开的图像,但是这个链接不像我预期的那样工作。它打开没有漂亮照片的图像。请看下面的代码:

--> 使用AJAX打开prettyphoto里面的表格的函数

函数 myJS(myVar){
如果 (window.XMLHttpRequest){
xmlhttp=新的 XMLHttpRequest();}
否则{xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");}
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200){
var description = xmlhttp.responseText;
$.prettyPhoto.open('#inline-1',myVar, 描述);
}
}
xmlhttp.open("GET","re​​turn_form.php?q="+escape(myVar),true);
xmlhttp.send();
}

//这里是prettyphoto使用的div

<div id="inline-1" class="hide"></div>

-----> 设置漂亮照片的方式

$(document).ready(function(){
$.fn.prettyPhoto();
$("a[rel^='prettyPhoto']").prettyPhoto();
});

--> 我在父prettyphoto 中的ajax 返回的表中再次调用prettyphoto 的方式,这是行不通的。当我点击链接时,它以正常方式打开,没有漂亮的照片

<td><a href='Habilitacao.jpg' rel='prettyPhoto' title='This is the description'><img src='nf_logo.jpg' width='30' height='30' alt='This is the title' /></a></td>

会很好,如果表格中的链接在下一个窗口中打开图像并且当我单击打开图像的上一个按钮时,它将返回到第一个我有很多链接的表格.

或者如果第一个选项不可能,只需使用 prettyphoto 在另一个窗口中打开链接,当我关闭图像窗口时,我可以返回表格窗口,其中每一行都有一个链接。

谢谢,

【问题讨论】:

    标签: php javascript ajax jquery-plugins jquery


    【解决方案1】:

    我不认为 $.prettyPhoto.open() 函数正在做你期望它做的事情。该函数需要一个字符串形式的图像名称、一个图像标题和一个图像描述,但您向它传递了一个 id、一个变量和整个 ajax 响应。

    试试这样的:

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

    用上面的代码替换“if (xmlhttp.readyState==4 && xmlhttp.status==200)”块中的当前内容,我认为应该可以。

    【讨论】:

    • 这部分正在按我的预期工作,虽然我传递了函数所期望的不同属性,唯一的问题是当表格在 prettyphoto 中呈现时(这个表格来自 ajax 响应),一个列有每行一个链接,链接是:.当我点击这个链接时,我被重定向到 habilitacao.jpg 并且我离开了我的页面。清楚了吗??
    • 我在网站 www.ecoviladalagoa.com.br 中放了一个示例,在您单击主页后,该表将由调用的 ajax 返回。在此表中,您将看到一个名为 NF 的列,其中包含许多链接,当您单击此链接时,漂亮的照片不会与图像一起出现。
    • 我把示例代码改成了ecoviladalagoa.com.br/prettyphoto_problem
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-09-03
    相关资源
    最近更新 更多