在重写Image之前使用JQuery检查其rel属性

时间:2012-08-22 作者:JK Thng

我的Wordpress主题(启用时)使用以下代码用rel=“lightbox”覆盖所有图像链接的rel值:

http://pastebin.com/Bsh739QY

如何编辑JQuery以首先检查rel值?如果rel值已设置为“lightbox[xyz123]”或“lightbox[xyz-123 | abc]”或“lightbox”,则不会重写rel值。

谢谢

1 个回复
最合适的回答,由SO网友:woony 整理而成
/*-----------------------------------------------------------------------------------*/
/* Add rel="lightbox" to image links if the lightbox is enabled */
/*-----------------------------------------------------------------------------------*/

if ( jQuery( \'body\' ).hasClass( \'has-lightbox\' ) && ! jQuery( \'body\' ).hasClass( \'portfolio-component\' ) ) {
        jQuery( \'a[href$=".jpg"], a[href$=".jpeg"], a[href$=".gif"], a[href$=".png"]\' ).each( function () {
                var imageTitle = \'\';
                if ( jQuery( this ).next().hasClass( \'wp-caption-text\' ) ) {
                        imageTitle = jQuery( this ).next().text();
                }
              ;
               if (jQuery(this).attr(\'rel\').indexOf("lightbox") == -1 )
               {
                jQuery( this ).attr( \'rel\', \'lightbox\' ).attr( \'title\', imageTitle );
                }
        });

        jQuery( \'a[rel^="lightbox"]\' ).prettyPhoto({social_tools: false});
}
结束

相关推荐

如何在jQuery滑块和旋转木马中显示帖子

好吧,我对wordpress还很陌生,对于像我这样的新手来说,抄本似乎太复杂了。我的主页有两个slider(我希望它显示5 最新帖子)和carousel(应显示4 旧职位)我知道wordpress使用query\\u post()函数来显示帖子,但我的问题是如何在转盘和滑块(都在主页上)中使用此函数:(