Подскажите условие jquery, если height больше 300px
Подскажите как на jquery сделать условие если height (class = content) больше 300px то class = block1 = show
Вот со стилями для наглядного примера.
вот без стилей:
Код:
<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
<script>
$("#button").live("click",function(){
if($(".content").height()>300){
$(".block1").show();
}
});
</script>
<style>
.block1 {
display:none;
padding:3px;
margin:10px;
border: solid 1px black;
border-radius:4px;
background-color: pink;
}
.content{
height: 400px;
}
</style>
<span id="button" style="border-radius:4px;border: solid 1px black;padding:3px;">Click ME)</span>
<div class="block1">Искомый блок</div>
<div class="content">Блок у которого проверяется значение</div>
<script>
$("#button").live("click",function(){
if($(".content").height()>300){
$(".block1").show();
}
});
</script>
<style>
.block1 {
display:none;
padding:3px;
margin:10px;
border: solid 1px black;
border-radius:4px;
background-color: pink;
}
.content{
height: 400px;
}
</style>
<span id="button" style="border-radius:4px;border: solid 1px black;padding:3px;">Click ME)</span>
<div class="block1">Искомый блок</div>
<div class="content">Блок у которого проверяется значение</div>
Код:
<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
<script>
$("#button").live("click",function(){
if($(".content").height()>300){
$(".block1").show();
}
});
</script>
<span id="button">Click ME)</span>
<div class="block1" style="display:none;">Искомый блок</div>
<div class="content" style="height: 400px;">Блок у которого проверяется значение</div>
<script>
$("#button").live("click",function(){
if($(".content").height()>300){
$(".block1").show();
}
});
</script>
<span id="button">Click ME)</span>
<div class="block1" style="display:none;">Искомый блок</div>
<div class="content" style="height: 400px;">Блок у которого проверяется значение</div>
Пока что написал так, результата нет.
Код:
<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
if($(".content").height() > 400){ $(".block").hide(); } });
});
</script>
<style>
.content {height:500px;}
</style>
<div class="content">Blah</div>
<div class="block">dd</div>
<script>
$(document).ready(function(){
if($(".content").height() > 400){ $(".block").hide(); } });
});
</script>
<style>
.content {height:500px;}
</style>
<div class="content">Blah</div>
<div class="block">dd</div>
Во первых, никогда не используйте метод live().. используйте on/delegate
во вторых, дай мне стили .content
во вторых, дай мне стили .content