Функция исчезновения JQuery заставляет все исчезать в приложении WebOS? - PullRequest
Новая
       31

Функция исчезновения JQuery заставляет все исчезать в приложении WebOS?

0 голосов
/ 28 февраля 2011

У меня есть div в верхней части моей страницы с кнопкой внутри, которая при нажатии отображает скрытый div с опциями.Я хочу исчезнуть в div, используя JQuery, чтобы придать ему больше удовольствия.Но когда я добавляю javascript, все исчезает!Я тоже понятия не имею, почему.Нужно ли использовать это в ассистенте сцены?Я бы так не думал ... Спасибо за помощь, спасибо! 

<body>

<style type="text/css">
.header {
color:#FFF;
width:100%;
margin-top:-60px;   
position:absolute;
padding:15px;
background:#6699CC;
}

.header:hover #hidden {
display:none;
}

#hidden {
display:none;
}

.post {
background:#6699CC;
}

.post:hover #hidden {
display:block;
}

#pill {
position:absolute;
margin-left:65.5%;
margin-top:-34px;
}

#pill:hover {
opacity:0.4;filter:alpha(opacity=40)
}

h1 {
font-size:20px;
font-weight:normal;
}

.textPost, .photoPost, .quotePost, .linkPost, .chatPost, .audioPost {
width:80px;
height:90px;
padding:20px;
padding-top:10px;
text-align:center;
}

.textPost, .quotePost, .chatPost {
float:left;
}

.photoPost, .linkPost, .audioPost {
float:right;
margin-right:40px;
}

#bubble, #photograph, #quote, #link, #chat, #audio {
margin-top:10px;
margin-bottom:-20px;
}

.space {
background:#6699CC;
width:100%;
height:50px;
position:absolute;
margin-top:365px;
margin-left:-15px;
}
</style>

<head>
<script type="text/javascript" src="http://code.jquery.com/jquery.js"></script>
<style type="text/javascript" />            
$(function(){
$('#pill').click(function(){
$('#hidden').fadeIn()
});
});
</script>
</head>

<div id="main" class="palm-hasheader"></div>
<div class="header">Dashboard<div class="post"><img id="pill"  
src="http://27.media.tumblr.com/tumblr_lhbg3u8WLe1qajshqo1_100.png">
<div id="hidden">
<div class="textPost">
<img id="bubble" src="http://28.media.tumblr.com/tumblr_lhb72wBhjy1qajshqo1_100.png">
<h1>Text</h1>
</div>

<div class="photoPost">
<img id="photograph" 
src="http://27.media.tumblr.com/tumblr_lhb7mjyYbm1qajshqo1_100.png">
<h1>Photo</h1>
</div>

<div class="quotePost">
<img id="quote" 
src="http://30.media.tumblr.com/tumblr_lhb91dxhML1qajshqo1_100.png">
<h1>Quote</h1>
</div>

<div class="linkPost">
<img id="link" src="http://30.media.tumblr.com/tumblr_lhb9od3cPU1qajshqo1_100.png">
<h1>Link</h1>
</div>

<div class="chatPost">
<img id="chat" src="http://29.media.tumblr.com/tumblr_lhb9ziYQRJ1qajshqo1_100.png">
<h1>Chat</h1>
</div>

<div class="audioPost">
<img id="audio"    
src="http://30.media.tumblr.com/tumblr_lhbbrcUSmP1qajshqo1_100.png">
<h1>Audio</h1>
</div>
<div class="space"></div>
</div>
</div>
</div>
</body>

1 Ответ

1 голос
/ 01 марта 2011

<style type="text/javascript" /> Я считаю, что это неправильно, попробуйте:

<script type="text/javascript"> вместо.

Работал над моим Pre.

Удачи!

...