2016-05-17 5 views
1

Ich habe eine Klassewenn eine Klassenbreite beträgt 100%, dann zwei verschiedene divs verstecken

.fp-slidesContainer 

wenn diese Klasse hat

width=100% 

dann will ich zwei divs genannt: #left und #right zu versteckt sein. Irgendwelche Hilfe?

Ich stecke hier fest.

toggle(); 
window.onresize = function() { 
    toggle(); 
} 

function toggle() { 
if (.fp-slidesContainer = 100%) { 
    document.getElementById('left').style.display = 'none'; 
    document.getElementById('right').style.display = 'none'; 
} 
else { 
    document.getElementById('left').style.display = 'block'; 
    document.getElementById('right').style.display = 'block'; 
    }  
} 

Antwort

0

Es wird nicht einfach sein, da IE & anderer Browser es anders behandeln. Sie können currentStyle für IE und getComputedStyle für Rest der Browser verwenden. Aber der Haken ist Wert in Pixel zurückgegeben wird

Hope this Schnipsel nützlich sein wird

function toggle() { 
var _m = document.getElementsByClassName('fp-slidesContainer')[0]; 
console.log(window.getComputedStyle(_m,null).getPropertyValue("width")) 
//Rest of your code 
} 

Sehen Sie sich diese jsFiddle

+0

Danke für den Tipp @ user2181397, ich habe gerade versucht, um Ihre jsFiddle zu arbeiten, aber es scheint, es funktioniert nicht :/ – Federico