Tuesday, December 1, 2009

[jQuery] listnav: class attribute for links

Hello,

Thank for your jQuery plugin! I didn't found anything about my problem
so there are description ans solution below.

Problem:
Classes for letters in menu are name like "a", "b" etc (e.g. <a
class="a" href="#">A</a>). But in my project I already have such
classes (e.g. class "p" for some "P" tags).

Solution A:
override such classes for using them in listnav.

Solution B:
change listnav lib genarating link like: <a class="letter-a"
href="#">A</a>

For my project I selected "Solution B". My changes:
128c128
< var count = counts[$(el).attr('class').split(' ')[0]];
---
> var count = counts[$(el).attr('class').replace('letter-','').split(' ')[0]];
165c165
< var letter = $(this).attr('class').split(' ')[0];
---
> var letter = $(this).attr('class').replace('letter-','').split(' ')[0];
204c204
< html.push('<a class="' + letters[i] + '" href="#">' + ((letters
[i] == '-') ? '...' : letters[i].toUpperCase()) + '</a>');
---
> html.push('<a class="letter-' + letters[i] + '" href="#">' + ((letters[i] == '-') ? '...' : letters[i].toUpperCase()) + '</a>');

No comments: