Javascript .bind/.unbind事件在运行初始的.open函数后发生

我正在使用.appened将一些HTML添加到标记中的div中，该标记将在打开“复制到灯箱克隆”时输出

我试图弄清楚如何只将附加的HTML加载到灯箱一次，而不是每次使用“后退/下一步”按钮查看库中的新图像时

据我所知，这可以通过使用.bind/.unbind来完成，但是编写这个函数似乎不起作用

我在函数中使用以下偶数处理程序来打开函数

$.prettyPhoto.open=function(event){

$(".pbdog-gAd").append('<p style="text-align: center;"><a href="' + prettyLink + '" target="_blank"><img src="' + prettyAd + '" width="468" height="60" alt="" /></a></p>');

$.prettypto.open=函数（事件）{
$（“.pbdog gAd”）.append（“
”）；

这将产生所需的输出

我的问题是，每次单击“下一个/上一个”按钮时，它都会再次运行脚本，并在当前按钮下添加一个额外的广告图像，如下所示。它会一直这样做，直到最终崩溃

据我所知，我需要编写一个函数，第一次调用此事件，但不是每次单击“下一个/上一个”按钮时调用

我尝试了以下方法，但没有成功

$(".pbdog-gAd").bind("click", function( event ) {
$(".pbdog-gAd").append('<p style="text-align: center;"><a href="' + prettyLink + '" target="_blank"><img src="' + prettyAd + '" width="468" height="60" alt="" /></a></p>');
$(this).unbind( event );
});

$（.pbdog gAd”）.bind（“单击”，函数（事件）{
$（“.pbdog gAd”）.append（“
”）；
$（此）.unbind（事件）；
});

执行上述操作似乎会使PrettyTo一起忽略此函数。执行以下操作似乎会破坏PrettyTo

$.prettyPhoto.bind("click", function( event ) {
$(".pbdog-gAd").append('<p style="text-align: center;"><a href="' + prettyLink + '" target="_blank"><img src="' + prettyAd + '" width="468" height="60" alt="" /></a></p>');
$(this).unbind( event );
});

$.prettypto.bind（“单击”），函数（事件）{
$（“.pbdog gAd”）.append（“
”）；
$（此）.unbind（事件）；
});

---

我显然不明白我在这里做什么，因此非常感谢您的帮助。

我找到的解决方案是在运行.append之后使用.removeClass。这将停止第二次加载图像，并删除该类，因此如果在加载过程中没有加载任何值，则不会对空间应用格式.追加进程

$(".pbdog-gAd").append('<p style="text-align: center;"><a href="' + JprettyLink + '" target="_blank"><img src="' + JprettyAd + '" width="468" height="60" alt="" /></a></p>');
$(".pbdog-gAd").removeClass("pbdog-gAd");

$（“.pbdog gAd”）.append（“
”）；
$（.pbdog gAd”）.removeClass（“pbdog gAd”）；