javascript - 使用 PrettyPhoto 和 jQuery 打开自定义内容

标签 javascript jquery prettyphoto

如何在“prettyPhoto”中打开以下网址

网址

<a class="post-share facebook_l" href="https://www.facebook.com/sharer/sharer.php?u=$url&custom=true&width=600&height=500" data-gal="prettyPhoto[ll]" target="_blank" title="Share this page on your Facebook" onClick="ga('send', 'event', 'Likes', 'Sidebar', 'Facebook');"><span class="ic"></span><span class="likes"></span></a>

我尝试了以下方法,但无法满足我的需要

$(document).ready(function(){
                    $("a[data-gal^='prettyPhoto[ll]']").prettyPhoto({
                        custom_markup: '<div id="canvas" style="width:600px; height:500px"></div>',
                        changepicturecallback: function(){ }
                    });
                });

我不知道 changepicturecallback: function(){ } 中应该包含什么才能使其正常工作。

我还可以将最后一个脚本重新制作为 window.onload 而不是 $(document).ready 吗?

最佳答案

您不必更改 jQuery 中的任何内容。您应该将 URL 更改为如下所示:

<a href="http://www.yoururl.com?iframe=true&width=100%&height=100%" rel="prettyPhoto[iframes]">Your link</a>

关于javascript - 使用 PrettyPhoto 和 jQuery 打开自定义内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28658383/

相关文章:

java - 如何使带有外部库和文件的 Processing Sketch 在网站上运行?

javascript - 延迟到下一个数据项,一个一个追加,一次又一次

javascript - AngularJS 范围未定义

javascript - 使用 jQuery 生成 HTML

javascript - Prettyphoto 中的照片不要显示两次

jquery - 输入 prettyPhoto。无法输入文字。可以粘贴或自动填充

javascript - ASP.NET MVC4 和 JQuery - Twitter Feed 脚本不起作用

javascript - 返回顶部链接在消失前闪烁两次

javascript - 当使用 ajax 覆盖内容时,jquery click 事件不起作用

php - 过滤 JavaScript 输出的 HTML