.not erläuterung.. (JQUERY)

lucloef · 11.09.2011, 22:24

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

Chriz · 11.09.2011, 22:27

Code:

$("body":not("#box"))

Also JS-Snytax ist das nicht ...

lucloef · 11.09.2011, 22:29

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..

Chriz · 11.09.2011, 22:37

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

lucloef · 11.09.2011, 22:39

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

nikosch · 11.09.2011, 22:58

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

lucloef · 11.09.2011, 23:39

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

tr0y · 12.09.2011, 00:12

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

guggst du da.

lucloef · 12.09.2011, 16:06

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

tr0y · 12.09.2011, 16:13

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.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
jQuery UI Tabs komplett mit AJAX laden und letzt gewählten Tab wählen	K00S	JavaScript, Ajax und mehr	6	10.09.2011 13:54
[Erledigt] Jquery mobile form action verhalten unterdrücken	drsoong	JavaScript, Ajax und mehr	1	21.07.2011 14:57
jQuery: Select Area in Input Feld umwandeln	Elementus	JavaScript, Ajax und mehr	1	12.07.2011 20:31
Einsatz von Milestones (jQuery)	dreamcatcher	JavaScript, Ajax und mehr	4	28.06.2011 12:07
PHP und jquery	mehlwurm	PHP Einsteiger	13	30.05.2011 23:09
Einfaches JQuery resize und scoll läuft nicht	smilla	JavaScript, Ajax und mehr	5	08.02.2011 20:44
jQuery ":not" selektor	Paul.Schramenko	JavaScript, Ajax und mehr	13	03.12.2010 17:11
jQuery - Text an Cursorposition einfügen	Koala	JavaScript, Ajax und mehr	5	11.11.2010 21:28
Bin noch ein Anfänger mit jquery bitte um hilfe	bomber007	JavaScript, Ajax und mehr	4	19.08.2010 23:34
[Erledigt] jQuery Slider - In eine Richtung sperren	Trainmaster	JavaScript, Ajax und mehr	2	08.08.2010 16:06
[Erledigt] Statistik mit jQuery	DJ_RhoxxZ	JavaScript, Ajax und mehr	6	25.07.2010 17:47
jquery: dialogbox funktioniert nicht	Dreamwatcher	JavaScript, Ajax und mehr	16	22.07.2010 18:22
jQuery findet Element nicht	ByStones	JavaScript, Ajax und mehr	8	11.06.2010 14:03
jQuery Plugin - so richtig?	stayInside	JavaScript, Ajax und mehr	5	23.02.2009 12:34
For Schleife mit jQuery	phpbeginner	JavaScript, Ajax und mehr	3	22.11.2008 22:35

11.09.2011, 22:24
lucloef Benutzer Registriert seit: 12.08.2011 Beiträge: 67 PHP-Kenntnisse: Fortgeschritten	.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


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

11.09.2011, 22:27
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	Code: $("body":not("#box")) Also JS-Snytax ist das nicht ... __________________ "Nuschel ich?" - "Was?"

11.09.2011, 22:29
lucloef Benutzer Registriert seit: 12.08.2011 Beiträge: 67 PHP-Kenntnisse: Fortgeschritten	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..

11.09.2011, 22:37
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	Vielleicht mit $("*").not("#box")? Keine Ahnung ob das nicht mit Kanonen auf Spatzen geschossen ist. __________________ "Nuschel ich?" - "Was?"

11.09.2011, 22:39
lucloef Benutzer Registriert seit: 12.08.2011 Beiträge: 67 PHP-Kenntnisse: Fortgeschritten	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 Geändert von lucloef (11.09.2011 um 22:44 Uhr). Grund: Code Beifügung

11.09.2011, 22:58
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Da #klick vermutlich ungleich #box ist, ist das Verhalten irgendwie logisch. Bitte mal HTML-Struktur nachreichen. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

11.09.2011, 23:39
lucloef Benutzer Registriert seit: 12.08.2011 Beiträge: 67 PHP-Kenntnisse: Fortgeschritten	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

12.09.2011, 00:12
tr0y Erfahrener Benutzer Registriert seit: 26.07.2010 Beiträge: 4.865 PHP-Kenntnisse: Fortgeschritten	http://stackoverflow.com/questions/1...ick-outside-it guggst du da. __________________ Lasse mir ohne Anwendung von Gewalt Dinge schenken, Amazon weiß darüber bald mehr.

12.09.2011, 16:06
lucloef Benutzer Registriert seit: 12.08.2011 Beiträge: 67 PHP-Kenntnisse: Fortgeschritten	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

12.09.2011, 16:13
tr0y Erfahrener Benutzer Registriert seit: 26.07.2010 Beiträge: 4.865 PHP-Kenntnisse: Fortgeschritten	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. __________________ Lasse mir ohne Anwendung von Gewalt Dinge schenken, Amazon weiß darüber bald mehr.