【问题标题】:How to get jQuery .html() to interact with jquery prettyPhoto lightbox?如何让 jQuery .html() 与 jquery prettyPhoto 灯箱交互?
【发布时间】:2012-08-16 11:12:30
【问题描述】:

我有一个名为 toprightbox 的 div,我正在使用 jquery 在点击时更改其 html:

$(".icon").click(function(){
$("#toprightbox").html('<a rel="prettyPhoto[artwork]" href="large.jpg">
<img src="thumbnail.jpg"  width="100" height="100" /></a>'); 
}

上面通过 jQuery 对 html 的更改调用了 prettyPhoto 灯箱以在 prettyPhoto 灯箱中打开更大的图像...

我想知道为什么这不起作用。生成了链接 () 和 html,但显然在 jQuery 代码中进行 jQuery 调用似乎是不可能的。 PrettyPhoto 灯箱无法正常工作...请帮助!

【问题讨论】:

    标签: jquery prettyphoto


    【解决方案1】:

    它有效。问题在于您调用代码的顺序。

    1. 您的页面已加载,正在呈现所有初始 html。
    2. 您正在使用的插件在您页面的$(document).ready(function() { .... }); 部分中调用(我希望!)。如果您在那里调用您的灯箱插件(例如,在具有特定类别的项目上),它会将其应用于当前落在该选择器范围内的所有项目
    3. 之后,在某个时间点,用户单击“.icon”元素。因此,添加了新链接。您的插件无法正常工作,因为它从未应用于新创建的链接。

    因此您必须在新的第 4 步中再次调用您的插件。

    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2023-04-10
    • 1970-01-01
    • 1970-01-01
    • 2012-07-23
    • 1970-01-01
    • 1970-01-01
    • 2022-08-11
    相关资源
    最近更新 更多