To, co chcę osiągnąć

Linia, która pokazuje jak

Comments (32)

Gdzie 32 to liczba komentarzy na stanowisku. Teraz jest to łatwo osiągnięte w Haml

%h2 Comments (#{Post.count_of_comments})

Jednak tworzę i usuwam komentarze z AJAX i JavaScript. Muszę być w stanie umieścić identyfikator przeciwko liczyć tak, że mogę go dostosować w JavaScript. Oczywiście mogłem zrobić

#count
  %h2 Comments (#{Post.count_of_comments})

Ale czy istnieje jakaś sposób na umieszczenie znacznika ID przeciwko liczyć, a nie całej linii, lub zawartości, że w jaki sposób zidentyfikuję, że liczą się w JavaScript.

0
Gareth Burrows 14 sierpień 2014, 01:33

2 odpowiedzi

Najlepsza odpowiedź

Możesz zastosować identyfikator do samego H2 jak:

%h2#count Comments (#{Post.count_of_comments})

Lub zastosuj spangel do liczby:

%h2 Comments
    %span#count (#{Post.count_of_comments})

Możesz również dodać parenki za pośrednictwem CSS, jeśli chcesz po prostu podłączyć surowy numer za pomocą JavaScript:

%h2 Comments
    %span#count #{Post.count_of_comments}

CSS:

#count:before {
    content: "(";
}

#count:after {
    content: ")";
}

JS:

var newCount = 42;
$('#count').html(newCount);
2
Conspicuous Compiler 13 sierpień 2014, 21:40

Czy coś takiego zrobił ??

%h2
  Comments
  = surround '(', ')' do
    %span#custom-id
      = Post.count_of_comments
0
Justin 13 sierpień 2014, 21:38