Obserwujący 0
P0Y3B

Zamykanie menu pod kliknięciu w dowolny fragment strony

8 postów w tym temacie

Mam taki kodzik:

    <script type="text/javascript">
  if(use_xmlhttprequest == "1"){
   $("#extraslink > a").click(function(e){
  e.preventDefault();
  $('#' + $(this).parent().attr('id') + '_popup').toggleClass('show');
});
  }
</script>

Który wysuwa Mi menu, i menu mogę zamknąć gdy kliknę w odnośnik który je wywołuje, jak dodać że gdy kliknę gdziekolwiek to menu się zamknie ?

Udostępnij tego posta


Odnośnik do posta
Udostępnij na stronach
$(document).on('click', function(){
  var popup = $('#extraslink_popup');
  if(popup.hasClass('show')) {
    popup.removeClass('show');
  }
});

 

2 osoby lubią to

Udostępnij tego posta


Odnośnik do posta
Udostępnij na stronach

@Salva Mam to połączyć/podmienić? Jeśli tak to nie smyra coś

Udostępnij tego posta


Odnośnik do posta
Udostępnij na stronach

Dodać. Co nie działa? Pokaż jeszcze HTML.

Udostępnij tego posta


Odnośnik do posta
Udostępnij na stronach

@Salva nie wysuwa menu

 

<ul class="user_nawigacja">
    
<div class="dropdown">
<li id="loginButton">
    <div class="topmenuwrap">

                <span><a href="#" id="loginButton"> <span style="margin-top: -5px"><img src="{$mybb->user['avatar']}" class="topavatar"alt="" /></span></span> <i class="icon-sort-down"></i><a/>
                    
                    <li id="extraslink"><a href="#"><i class="fa fa-chevron-down" style="margin-left: -40px;"></i> Panel</a></li>
            <a href="private.php"><span style="font-size: 18px;"><i class="fa fa-envelope"></i></a></span>
            


             <div id="extraslink_popup" class="popup_menu">
                 
                 <div class="popup_item_container">
                     <div class="menutytul">
                       Zawartość
                     </div>
                 </div>
                 
                   <div class="popup_item_container">
          <a href="{$mybb->settings['bburl']}/usercp.php?action=profile" class="popup_item">
           <i class="fa fa-user"></i> Wyświetl profil</a>
                    </div>
                 
                    <div class="popup_item_container">
          <a href="{$mybb->settings['bburl']}/usercp.php?action=profile" class="popup_item">
           <i class="fa fa-cogs"></i>  Edytuj profil</a>
                    </div>
                 
                 <div class="popup_item_container">
                    <a href="{$mybb->settings['bburl']}/usercp.php?action=editsig" class="popup_item">
                        <i class="fa fa-image"></i> Edytuj podpis</a>
                 </div>
            
         <div class="popup_item_container">
                    <a href="{$mybb->settings['bburl']}/usercp.php?action=avatar" class="popup_item">
                        <i class="fa fa-image"></i> Edytuj awatar</a>
                 </div>
                 
                 <div class="popup_item_container">
                     <div class="menutytul prosta">
                      Zarządzanie kontem
                     </div>
                 </div>
                 
                  {$admincplink}
                 {$modcplink}
                 
                 <div class="popup_item_container">
                     <a href="{$mybb->settings['bburl']}/member.php?action=profile&uid={$mybb->user['uid']}" class="popup_item">
                         <i class="fa fa-cog"></i> Panel użytkownika</a>
                 </div>

                 <div class="popup_item_container">
                     <a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}" class="popup_item">
                         <i class="fa fa-power-off"></i> Wyloguj</a>
                    </div>
            

</li> 

</ul>
 <script type="text/javascript">
  if(use_xmlhttprequest == "1"){
   $("#extraslink > a").click(function(e){
  e.preventDefault();
  $('#' + $(this).parent().attr('id') + '_popup').toggleClass('show');
});
  }
</script>

 

Edytowane przez P0Y3B

Udostępnij tego posta


Odnośnik do posta
Udostępnij na stronach

Mogę gdzieś zobaczyć demo z moim kodem i bez niego?

Udostępnij tego posta


Odnośnik do posta
Udostępnij na stronach
<script>
	jQuery(function() {
    var button = jQuery('#XXX');
    var box = jQuery('#XXX');
    var form = jQuery('#XXX');
    button.mouseup(function(login) {
        box.toggle();
        button.toggleClass('active');
    });
    form.mouseup(function() { 
        return false;
    });
    jQuery(this).mouseup(function(login) {
        if(!(jQuery(login.target).parent('#XXX').length > 0)) {
            button.removeClass('active');
            box.hide();
        }
    });
});
</script>

@Salva Aktualnie nie, ale moze ta funkcja zadziała, tylko co w miejsce XXX wstawić ?:D

Edytowane przez P0Y3B

Udostępnij tego posta


Odnośnik do posta
Udostępnij na stronach
<script type="text/javascript">
jQuery(document) .ready(function() {    
$('.user-menu').on('click', function(){
        $('.user-menu-list').slideToggle('100');
        return false;
    });
    $('html, body').on('click',function(){
        $('.user-menu-list').slideUp('100');
    });
    $(".user-menu-list").click(function(e){
        e.stopPropagation();
    });
});
</script>

 

Edytowane przez P0Y3B

Udostępnij tego posta


Odnośnik do posta
Udostępnij na stronach

Napisano przed chwilą

iCash.pl

Żeby dodać komentarz, musisz założyć konto lub zalogować się

Tylko zarejestrowani użytkownicy mogą dodawać komentarze

Rejestracja

Załóż nowe konto. To bardzo proste!


Zaloguj się

Posiadasz już konto? Zaloguj się tutaj.


Zaloguj się teraz
Obserwujący 0