Detalhes da questão

Endereço do fórum: https://legaciesrpg.forumeiros.com/
Versão do fórum: phpBB3

Descrição

Olá, pessoal, estou com um problema.

Utilizo ao JS a seguir para poder ver os membros do grupo sem ter que entrar no mesmo, no caso sempre que passo o mouse sobre o grupo um box em over aparece e diz o nome dos integrantes.

Código:

$(function() {
  var max_users = 10,
 
      lang = {
        view_group : 'Veja o grupo completo',
        loading : 'Carregando...',
        view_err : 'Os dados do grupo não pode ser recuperado.'
      },
 
      links = $('a[href^="/g"]').filter(function() {
        if (/\/g\d+-/.test(this.href)) {
          return this;
        }
      }),
 
      groupsinfo = {};
 
  links.tooltipster && links.not('.tooltipstered').tooltipster({
    animation : 'fade',
    interactive : true,
    contentAsHTML : true,
    minWidth : 300,
    maxWidth : 300,
    delay : 500,
    arrowColor : "#EEE",
    autoClose : true,
    content : lang.loading,
    functionBefore : function(origin, continueTooltip) {
      continueTooltip();
 
      var groupURL = $(this).attr('href'),
          groupId = groupURL.replace(/.*?\/g(\d+).*/, '$1'),
          groupName = $(this).text();
 
      if (origin.data('ajax') !== 'cached') {
        if (groupsinfo[groupId] != undefined) {
          origin.tooltipster('content', groupsinfo[groupId]).data('ajax', 'cached');
        } else {
          $.get(groupURL, function(d) {
            var user = $('form[action="' + groupURL + '"] a[href^="/u"]', d),
                i = 0,
                li,
                container = $('<div>'+
                  '<div class="fa_group_preview">'+
                    '<h2 class="fa_group_name">' + groupName + '</h2>'+
                    '<p class="fa_group_desc">' + $('form[action^="/g"]', d).find('dl:eq(1) dd, tr:eq(2) td.row2 .gen').text() + '</p>'+
                    '<ol class="fa_group_list"></ol>'+
                    '<div class="fa_group_button">'+
                      '<a href="' + groupURL + '" class="button1">' + lang.view_group + '</a>'+
                    '</div>'+
                  '</div>'+
                '</div>');
 
            for (; i < max_users; i++) {
              if (user[i]) {
                li = document.createElement('LI');
                li.appendChild(user[i]);
                $('ol', container).append(li);
              }
            }
 
            if (!$('li', container).length) {
              $('ol', container).after('<div>' + lang.view_err + '</div>');
            }
 
            groupsinfo[groupId] = container.html();
            origin.tooltipster('content', groupsinfo[groupId]).data('ajax', 'cached');
          });
        }
      }
    }
  });
 
  $('head').append(
    '<style type="text/css">'+
      '.fa_group_preview { font-family:Arial; font-size:12px; color:#000; }'+
      '.fa_group_preview a { text-decoration:none; }'+
      'h2.fa_group_name { font-size:24px; }'+
      'p.fa_group_desc, h2.fa_group_name { margin:10px 0 10px 0; }'+
      'ol.fa_group_list { margin:0 25px; padding:0; }'+
      '.fa_group_button { margin-top:10px; text-align:center; }'+
    '</style>'
  );
});

Porém, no último grupo, o efeito não acontece. Alguém poderia me ajudar?

Olá @Starset,

Substitua por este:

Código:

$(function () {
    var max_users = 10,
       
        lang = {
            view_group: 'Veja o grupo completo'
            , loading: 'Carregando...'
            , view_err: 'Os dados do grupo não pode ser recuperado.'
        },
       
        links = $('a[href^="/g"]')
        .filter(function () {
            if (/\/g\d+-/.test(this.href)) {
                return this;
            }
        }),
       
        groupsinfo = {};
   
    links.tooltipster && links.not('.tooltipstered')
        .tooltipster({
            animation: 'fade'
            , interactive: true
            , contentAsHTML: true
            , minWidth: 300
            , maxWidth: 300
            , delay: 400
            , arrowColor: "#EEE"
            , autoClose: true
            , content: lang.loading
            , functionBefore: function (origin, continueTooltip) {
                continueTooltip();
               
                var groupURL = $(this)
                    .attr('href')
                    , groupId = groupURL.replace(/.*?\/g(\d+-).*/, '$1')
                    , groupName = $(this)
                    .text();
               
                if (origin.data('ajax') !== 'cached') {
                    if (groupsinfo[groupId] != undefined) {
                        origin.tooltipster('content', groupsinfo[groupId])
                            .data('ajax', 'cached');
                    } else {
                        $.get(groupURL, function (d) {
                            var user = $('form[action="' + groupURL + '"] a[href^="/u"]', d)
                                , i = 0
                                , li
                                , container = $('<div>' +
                                    '<div class="fa_group_preview">' +
                                    '<h2 class="fa_group_name">' + groupName + '</h2>' +
                                    '<p class="fa_group_desc">' + $('form[action^="/g"]', d)
                                    .find('dl:eq(1) dd, tr:eq(2) td.row2 .gen')
                                    .text() + '</p>' +
                                    '<ol class="fa_group_list"></ol>' +
                                    '<div class="fa_group_button">' +
                                    '<a href="' + groupURL + '" class="button1">' + lang.view_group + '</a>' +
                                    '</div>' +
                                    '</div>' +
                                    '</div>');
                           
                            for (; i < max_users; i++) {
                                if (user[i]) {
                                    li = document.createElement('LI');
                                    li.appendChild(user[i]);
                                    $('ol', container)
                                        .append(li);
                                }
                            }
                           
                            if (!$('li', container)
                                .length) {
                                $('ol', container)
                                    .after('<div>' + lang.view_err + '</div>');
                            }
                           
                            groupsinfo[groupId] = container.html();
                            origin.tooltipster('content', groupsinfo[groupId])
                                .data('ajax', 'cached');
                        });
                    }
                }
            }
        });
   
    $('head')
        .append(
            '<style type="text/css">' +
            '.fa_group_preview { font-family:Arial; font-size:12px; color:#000; }' +
            '.fa_group_preview a { text-decoration:none; }' +
            'h2.fa_group_name { font-size:24px; }' +
            'p.fa_group_desc, h2.fa_group_name { margin:10px 0 10px 0; }' +
            'ol.fa_group_list { margin:0 25px; padding:0; }' +
            '.fa_group_button { margin-top:10px; text-align:center; }' +
            '</style>'
        );
});

Atenciosamente,
Sleep

Substituição feita, porém, o erro persiste.

Olá @Starset,

O erro não é do script e sim na hiperligação, atualmente está:
g22- mude para /g22-, veja:



Atenciosamente,
pedxz.

Resolvido, pode fechar o tópico!