Estou tentando ocultar o SCM Music Player e expandir o container principal para 100% (pois o player o reduziu um pouco na parte de baixo) no meu blog do Tumblr mas meu código não funciona.
O código Javascript:
setTimeout(function () {
$(function(){
$('body').contents().find('iframe').contents().find('#contentW').css({top: 0px; bottom: 0px; right: 0px;});
$('body').contents().find('iframe').contents().find('#playerW').css({display: none;})
});
}, 5000);
A estrutura da página já carregada (percebam que eu omiti algumas partes desnecessárias):
<html>
<head>
// algumas tags do Tumblr
</head>
<body>
<iframe> // Iframe desnecessário gerado pelo SCM
<html>
<head>
// algumas tags do SCM
</head>
<body>
<div id="contentW" style="top: 0px; bottom: 25px; right: 0px;">
// O CONTAINER PRINCIPAL DO BLOG ESTÁ AQUI
</div>
<div id="playerW" style="top: auto; bottom: 0px; height: 25px;">
// O PLAYER QUE EU QUERO OCULTAR
</div>
</body>
</html>
</iframe>
</body>
</html>
O que há de errado?
$("playerW").css("display", "none!important");
. Duas dúvidas referente à sua pergunta: 1 - Por que usar Jquery? O Tumblr não permite modificar o CSS diretamente? 2 - Por que está fazendo isso dentro de umsetTimeout
, alguma razão especifica?