动态更改活动 pirobox 链接集

Question

我正在尝试在菜单中的更改类别上停用非当前 pirobox 画廊的链接。 这就是我的 HTML：

<ul class="thumbs">
    <li><a class="wedding" href="..." rel="iframe-201-113""><img src="..."></a></li>
    <li><a class="funeral" href="..." rel="iframe-201-113""><img src="..."></a></li>
    <li><a class="ceremony" href="..." rel="iframe-201-113""><img src="..."></a></li>
    <li><a class="wedding" href="..." rel="iframe-201-113""><img src="..."></a></li>
    ...
</ul>

我试图完全删除 pirobox，为其他链接设置“pirobox_”前缀并再次运行 pirobox，但我无法杀死 pirobox。之前初始化的链接仍然有效。

这是我的 JS 代码：

//On choise category
$('.nav li a').click(function(){
    //kill pirobox
    $($.piroBox_ext).remove();
    $(".piro_overlay").remove();
    $(".pirobox_content").remove();
    $("#imgCache").remove();

//replace prefixes
    $('ul.thumbs a').each(function(){
        $(this).attr('class',$(this).attr('class').replace(/pirobox_/,''))
    });
    $('ul.thumbs a.'+current).each(function(){
        $(this).attr('class','pirobox_'+$(this).attr('class'));
    });
    //init pirobox again
    $().piroBox_ext({
        piro_speed : 700,
        bg_alpha : 0.5,
        piro_scroll : true
    });
    return false;
});

Answer 1

该解决方案仅适用于普通 pirobox。对于扩展，您需要：

$(".piro_overlay").remove()
$(".piro_html").remove();