Pop-box não aparece ao clicar no botão de Logout

Detalhes da questão

Endereço do fórum: http://pelotao.forumeiros.com
Versão do fórum: ModernBB

Descrição

Basicamente, a caixa box não aparece ao clicar no menu "logout" que consta no menu interativo,

Código:


(function($) {
    'use strict';
 
    $(function() {
        if (_userdata.session_logged_in !== 1) return;
        if (!$('a[href^="/login?logout=1"]').length) return;
 
 
        $.getScript('https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/8.11.8/sweetalert2.all.min.js', function() {
 
            $('a[href^="/login?logout=1"],a[href*="logout"],a[href="login?logout"]').removeAttr('href').css('cursor', 'pointer');
            $('body').on('click', 'a[id="logout"], #fa_toolbar a[style*="pointer"]', function() {
                Swal.fire({
                    title: 'Tens a certeza?',
                    text: "Queres mesmo sair do fórum?",
                    icon: 'info',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Sair'
                }).then((result) => {
                    if (result.value) {
                        window.location.href = '/login?logout=1';
                    }
                });
 
 
 
 
            });
        });
 
 
 
    });
 
}(jQuery));

Código:


 
  <div class="navbar-user">
                                          <div class="is-normal">
                                            <input type="checkbox" href="#" class="user-menu-open" name="user-menu-open" id="user-menu-open" />
                                            <label class="user-menu-open-button" for="user-menu-open">
                                              <div class="avatar">
                                                <!-- BEGIN switch_user_logged_in -->
                                                <script type="text/javascript">
                                                  //<![CDATA[
                                                  $(function() {
                                                      'use strict';
                                               
                                                      $('.avatar').append("<img src='https://www.habbo.com.br/habbo-imaging/avatarimage?user=" + _userdata.username + "&amp;action=std&amp;direction=3&amp;head_direction=3&amp;img_format=png&amp;gesture=sml&amp;headonly=1&amp;size=b' title='Clique para mais opções'/>");
                                                      $('.avatar img').css('left', '-2px');
                                                      $('.avatar img').css('top', '-2px');
                                                  });
                                                  //]]>
                                                </script>
 
                                                <!-- END switch_user_logged_in -->
                                                <!-- BEGIN switch_user_logged_out -->
                                                  <img src="https://i.imgur.com/D2vHls4.png" />
                                                <!-- END switch_user_logged_out -->
                                              </div>
                                            </label>
                                            <!-- BEGIN switch_user_logged_in -->
                                            <a href="/profile?mode=editprofile" title="Editar o meu perfil" class="user-item blue"><i class="fas fa-user-cog"></i></a>
                                            <a href="/privmsg?folder=inbox" data-status="{PRIVATE_MESSAGE_INFO}" title="{PRIVATE_MESSAGE_INFO}" class="user-item green"><i class="fas fa-envelope"></i></a>
                                            <a href="/login?logout=1" title="Fechar sessão" class="user-item red"><i class="fas fa-sign-out-alt"></i></a>
                                            <!-- END switch_user_logged_in -->
                                            <!-- BEGIN switch_user_logged_out -->
                                            <a title="Iniciar sessão" class="user-item blue login-btn"><i class="fas fa-sign-in-alt"></i></a>
                                            <a href="/register" title="Registrar-se" class="user-item green"><i class="fas fa-user-plus"></i></a>
                                            <a href="/profile?mode=sendpassword" title="Esqueci minha senha" class="user-item red"><i class="fas fa-question"></i></a>
                                            <!-- END switch_user_logged_out -->
                                          </div>

Conta para testar:

ContaTeste
contatestepmr

UP! UP!

Olá @Wamki,

Peço imensa desculpa pela demora. Altere o seu script para:

Código:

(function($) {
    'use strict';
 
    $(function() {
        if (_userdata.session_logged_in !== 1) return;
        if (!$('a[href^="/login?logout=1"]').length) return;
 
 
        $.getScript('https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/8.11.8/sweetalert2.all.min.js', function() {
 
            var href = $('a[id="logout"]').attr('href');
         
            $('a[href^="/login?logout=1"],a[href*="logout"],a[href="login?logout"]').removeAttr('href').css('cursor', 'pointer');
            $('body').on('click', 'a[title="Fechar sessão"], #fa_toolbar a[style*="pointer"]', function() {
                Swal.fire({
                    title: 'Tens a certeza?',
                    text: "Queres mesmo sair do fórum?",
                    icon: 'info',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Sair'
                }).then((result) => {
                    if (result.value) {
                        window.location.href = href;
                    }
                });
 
 
 
 
            });
        });
 
 
 
    });
 
}(jQuery));

E altere o código do menu para:

Código:

<div class="navbar-user">
                                          <div class="is-normal">
                                            <input type="checkbox" href="#" class="user-menu-open" name="user-menu-open" id="user-menu-open" />
                                            <label class="user-menu-open-button" for="user-menu-open">
                                              <div class="avatar">
                                                <!-- BEGIN switch_user_logged_in -->
                                                <script type="text/javascript">
                                                  //<![CDATA[
                                                  $(function() {
                                                      'use strict';
                                             
                                                      $('.avatar').append("<img src='https://www.habbo.com.br/habbo-imaging/avatarimage?user=" + _userdata.username + "&amp;action=std&amp;direction=3&amp;head_direction=3&amp;img_format=png&amp;gesture=sml&amp;headonly=1&amp;size=b' title='Clique para mais opções'/>");
                                                      $('.avatar img').css('left', '-2px');
                                                      $('.avatar img').css('top', '-2px');
                                                  });
                                                  //]]>
                                                </script>
 
                                                <!-- END switch_user_logged_in -->
                                                <!-- BEGIN switch_user_logged_out -->
                                                  <img src="https://i.imgur.com/D2vHls4.png" />
                                                <!-- END switch_user_logged_out -->
                                              </div>
                                            </label>
                                              <!-- BEGIN switch_user_logged_in -->
                                            <a href="/profile?mode=editprofile" title="Editar o meu perfil" class="user-item blue"><i class="fas fa-user-cog"></i></a>
                                            <a href="/privmsg?folder=inbox" data-status="{PRIVATE_MESSAGE_INFO}" title="{PRIVATE_MESSAGE_INFO}" class="user-item green"><i class="fas fa-envelope"></i></a>
                                            <a href="/login?logout=1" title="Fechar sessão" class="user-item red"><i class="fas fa-sign-out-alt"></i></a>
                                            <!-- END switch_user_logged_in -->
                                            <!-- BEGIN switch_user_logged_out -->
                                            <a title="Iniciar sessão" class="user-item blue login-btn"><i class="fas fa-sign-in-alt"></i></a>
                                            <a href="/register" title="Registrar-se" class="user-item green"><i class="fas fa-user-plus"></i></a>
                                            <a href="/profile?mode=sendpassword" title="Esqueci minha senha" class="user-item red"><i class="fas fa-question"></i></a>
                                            <!-- END switch_user_logged_out -->
                                          </div>
                                                <!-- BEGIN switch_user_logged_in -->
                                            <div style="display: none!important"> {GENERATED_NAV_BAR} </div>
 <!-- END switch_user_logged_out -->

Cordialmente,
pedxz.

Saudações,

Nada não! Obrigado pela ajuda!

Atenciosamente,
Wamki