.class:not(.class1):not(.class2)

[dominotrix]

Εστω οτι εχουμε:

 

<div class="whole">

  <div class="left">...</div>

  <div class="right">...</div>

</div>

 

To .whole πιανει 100% πλατος και υψος οθονης.

 

Το .left πιανει width:30%; height:70%;

Το .right πιανει width:70%; height:80%;

 

Αρα στο .whole δε μενει καθολου πλατος (γιατι .left εχει width:30% και .right εχει width:70% = 100%)

Και στο .whole το υψος μενει απο αριστερα 30% (γιατι το .left εχει height:70%) και απο δεξια 20% (γιατι το .right εχει height:80%).

 

Σε αυτο το κενο που δημιουργειται (στο .whole) πως γινεται οταν κανει κλικ καποιος να γινεται το .whole με opacity:0 ;;

 

Σκεφτηκα να βαλω:

 

$('.whole:not(.left):not(.right)').click(function(){
  //και εδω να κρυβεται με opacity 0
});

 

Αλλα δεν λειτουργει.

 

Εχει να κανει με το μενου σε αυτη τη σελιδα

 

http://artware.gr/iosifidis/

 

Ειναι επανω δεξια.

 

Οταν ανοιγει το μενου, θα δειτε στο κατω μερος που ειναι σκουρο και δειχνει την υπολοιπη σελιδα.

-------------

 

Εχω βαλει ενα log για να δω τι παιζει:

jQuery( document ).ready(function() {
	jQuery('.whole:not(.left):not(.right)').click(function(){
	  console.log( "ready!" );
	});
});

Αλλα ειτε κανω κλικ στο .left ειτε στο .right το log εμφανιζεται... 

 

 

 

-------

 

Μολις εμαθα για το .children χρησιμο..

jQuery( document ).ready(function() {
	jQuery(".whole").click(function(){
	  console.log( "ready!" );
	}).children().click(function(e) {
	  e.stopPropagation();
	});
});

Case closed.