JS Rolling Link - используя Linkify - как нацелить на конкретный класс?

0

Я использую этот код на своем веб-сайте http://jsfiddle.net/hakim/Ht6Ym/

var supports3DTransforms =  document.body.style['webkitPerspective'] !== undefined || 
                            document.body.style['MozPerspective'] !== undefined;

function linkify( selector ) {
  if( supports3DTransforms ) {

    var nodes = document.querySelectorAll( selector );

    for( var i = 0, len = nodes.length; i < len; i++ ) {
        var node = nodes[i];

        if( !node.className || !node.className.match( /roll/g ) ) {
            node.className += ' roll';
            node.innerHTML = '<span data-title="'+ node.text +'">' + node.innerHTML + '</span>';
        }
    };
  }
}

linkify( 'a' );

Я не очень хорошо разбираюсь в JS (довольно новый), но в конце он нацелен на все теги <'a'>:

linkify( 'a' );

Однако это изменяет все ссылки на этот эффект опрокидывания. В любом случае, я могу настроить таргетинг на определенный класс - разрешить его.rolling - чтобы затронуть только заголовок, а не другие ссылки?

Теги:
linkify

1 ответ

2
Лучший ответ

Вы можете сделать это

linkify( 'h1 a' );

DEMO

если вы хотите выбрать по классу, который вы можете использовать . селектор

linkify('a.myClass');

DEMO

Ещё вопросы

Сообщество Overcoder
Наверх
Меню