活动pirobox链接的动态更改集

时间:2011-03-06 19:24:51

标签: jquery hyperlink

我正在尝试停用菜单中更改类别的非当前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;
});

1 个答案:

答案 0 :(得分:1)

该解决方案仅适用于香草pirobox。对于扩展,您需要:

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