Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Przebudowa kodu JS

JS  Założony przez  p0y3b.

23.09.2017, 23:14
#1
Cześć.

Mam kod który wyświetla forum po kliknięciu w atrybut z daną klasą
<script type="text/javascript">
jQuery(document) .ready(function() {    
$('.enmenupm').on('click', function(){
        $('.enmenupmopen').slideToggle('100');
        return false;
    });
    $('html, body').on('click',function(){
        $('enmenupmopen').slideUp('100');
    });
    $("enmenupmopen").click(function(e){
        e.stopPropagation();
    });
});
</script>

Problem polega na tym że menu zniknie tylko po ponownym kliknięciu w ten sam element, jak mogę to przerobić aby menu znikało np po kliknięciu "gdzieś na forum"
23.09.2017, 23:34 (Ten post był ostatnio modyfikowany: 23.09.2017, 23:37 przez Snake_.)
#2
Wystarczy zbadać, czy kliknięcie odbyło się po za elementem, następnie ukryć menu.

Pierwszy link z wyszukiwarki: https://stackoverflow.com/questions/2868...-in-jquery
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
24.09.2017, 00:10
#3
@Snake_ Mogę prosić o gotowe rozwiązanie ? Nie potrafi nic z tego wyczytać
24.09.2017, 09:55
#4
(24.09.2017, 00:10)p0y3b napisał(a): @Snake_ Mogę prosić o gotowe rozwiązanie ? Nie potrafi nic z tego wyczytać
To do działu giełdy ogłoszeń.
Poradnik - Jak zbadać element na stronie internetowej?  
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
24.09.2017, 10:52
#5
Ale czego w tym kodzie nie rozumiesz? Pokaż jak to zrobiłeś.
$(window).click(function() {
//Hide the menus if visible
});

$('#menucontainer').click(function(event){
    event.stopPropagation();
});
Wystarczy dodać kod na chowanie menu i zmienić kotwicę na taką jaką masz w menu.
24.09.2017, 11:44
#6
@Matslom Niczego nie rozumiem z tego JS, nie potrafię tego podstawić
25.09.2017, 09:59
#7
Metoda prób i błędów.

Spróbuj sam, pomyśl logicznie kiedy jaka akcja ma się wykonać, potem jeśli coś Ci nie wyjdzie, przedstaw tutaj zmodyfikowany kod wraz z konsolą błędów.
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
25.09.2017, 18:13
#8
Proszę Was <3

Kod był dobry

Lecz brakowało w nim "kropki" przed klasą : D
13.10.2017, 17:12
#9
Wracając, jak mogę przyśpieszyć pokazywanie okna to trybu natychmiastowego
13.10.2017, 17:52
#10
slideToggle jak i slideUp jako pierwszy parametr przyjmuje czas trwania. Wszystko w dokumentacji jest opisane wystarczy wyszukać daną funkcję.
http://api.jquery.com/slidetoggle/#slide...n-complete
http://api.jquery.com/slideup/#slideUp-d...n-complete
13.10.2017, 19:26
#11
Zmieniłem oba parametry na 1 i nie odczuwalne
14.10.2017, 08:45
#12
Pokaż jakiekolwiek demo tego menu.
17.10.2017, 14:50 (Ten post był ostatnio modyfikowany: 18.10.2017, 14:20 przez p0y3b.)
#13
Skorzystałem z 

<script>
jQuery(function() {
    var button = jQuery('#loginButton');
    var box = jQuery('#loginBox');
    var form = jQuery('#loginForm');
    button.mouseup(function(login) {
        box.toggle();
        button.toggleClass('active');
    });
    form.mouseup(function() { 
        return false;
    });
    jQuery(this).mouseup(function(login) {
        if(!(jQuery(login.target).parent('#loginButton').length > 0)) {
            button.removeClass('active');
            box.hide();
        }
    });
});
</script>



Użytkownicy przeglądający ten wątek:

1 gości