Ankündigung

Einklappen
Keine Ankündigung bisher.

.not erläuterung.. (JQUERY)

Einklappen

Neue Werbung 2019

Einklappen
Dieses Thema ist geschlossen.
X
X
Einklappen
  • Seite von 1
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge
Vorherige Weiter
  • #1

    .not erläuterung.. (JQUERY)

    Guten Abend,

    ich zeige per jquery ein box an (slidedown):

    PHP-Code:
    $(document).ready(function() {
       $(    "#klick").click(function(){
         $(    "#box").slideDown();
       });
    }); 
    nun möchte ich diese box wieder ausblenden in dem ich überall hin drücken kann außer auf #box ..

    mein idee:

    PHP-Code:
    $("body":not("#box")).click(function(){
       $(    "#box").slideUp();
      }); 
    was mach ich falsch? MFG
    Stichworte: -
  • #2
    Code:
    $("body":not("#box"))
    Also JS-Snytax ist das nicht ...

    Kommentar

    • #3
      bin noch anfänger in jquery.

      mein code sieht mittlerweile so aus:

      PHP-Code:
        $('body:not(#box)').click(function(){
         $(      "#box").slideUp();
        }); 
      jetzt fährt #box raus und direkt wieder rein..

      Kommentar

      • #4
        Vielleicht mit $("*").not("#box")? Keine Ahnung ob das nicht mit Kanonen auf Spatzen geschossen ist.

        Kommentar

        • #5
          Zuletzt geändert von lucloef; 11.09.2011, 22:44. Grund: Code Beifügung
          PHP-Code:
            $(document).ready(function() {
             $(          "#klick").click(function(){
               $(          "#box").slideDown();
             
             });
             
             $(          "*").not("#box").click(function(){
                  $(          "#box").slideUp();
                  });

             }); 
          Funktioniert immer noch nicht.. ich klicke um die box anzuzeigen, jedoch fährt sie dann direkt wieder ein..

          Edit:
          Ich habe außerdem noch einmal die funktion .not für #klick hinzugefügt..

          PHP-Code:
            $(document).ready(function() {
             $(          "#klick").click(function(){
               $(          "#box").slideDown();
             
             });
             
             $(          "*").not("#box").not("#klick").click(function(){
                  $(          "#box").slideUp();
                  });

             }); 
          LG

          Kommentar

          • #6
            Da #klick vermutlich ungleich #box ist, ist das Verhalten irgendwie logisch. Bitte mal HTML-Struktur nachreichen.

            Kommentar

            • #7
              PHP-Code:
                <script type="text/javascript" src="jquery.min.js"></script>
                <script type="text/javascript" src="jquery.js"></script>
                <!--JQUERY BEISPIEL 1-->
                <script type="text/javascript">
                $(document).ready(function() {
                 $("#klick").click(function(){
                   $("#box").slideDown();
                 
                 });
                 
                 $("*").not("#box").not("#klick").click(function(){
                      $("#box").slideUp();
                      });

                 });
                </script>
                </head>
                <body>
                <div id="klick">klick zum ausfahren</div>
                <div id="box" style="display:none;">
                 askdflasdjflajsdflj<br>
                 asdfasdfadfasy<br>
                 askdflasdjflajsdflj<br>
                 asdfasdfadfasy<br>
                 askdflasdjflajsdflj<br>
                 asdfasdfadfasy<br>

                </div> 
              bitteschön

              Kommentar

              • #8
                http://stackoverflow.com/questions/1...ick-outside-it

                guggst du da.

                Kommentar

                • #9
                  Könnte mir das jemand von euch bitte nochmal erklären?
                  was genau ich jetzt im code einfügen muss usw..

                  bin jquery einsteigen..

                  dankeschön

                  Kommentar

                  • #10
                    Wir reparieren hier nicht, wer helfen dir beim selbst reparieren.

                    Der von mir gepostete Link enthält genug Beispielsource um dein Problem zu lösen. Wenn du die einzelnen Befehle in der jQuery-Dokumentation nachliest wirst du relativ schnell begreifen was da passiert.

                    Kommentar

                    • #11
                      was genau ich jetzt im code einfügen muss usw..
                      Nein. Das sicher nicht.

                      Forenrichtlinien


                      [MOD: Thread geschlossen]

                      Kommentar

                      Vorherige Weiter
                      Lädt...
                      X