jQuery替換/空div內容
[英]jQuery replace / empty div content
問題描述
如果屏幕寬度id小於700px，我想清空內部的任何內容。
<body>
<div class="outter">
<div class="middle">
<div class="inner">
{{ content.something_1 }}
</div>
</div>
</div>
$(document).ready(function() {
if (($(window).width() < 701)) {
$(".inner").empty();
}
else {
$(".inner").append( "{{ content.something_1 }}" );
}
});
它不起作用。
5 個解決方案
解決方案1
2 2017-03-17 05:47:12
$（window）.width（）<700應該被給出。
解決方案2
2 2017-03-17 05:50:20
您也可以嘗試使用純CSS 。
@media only screen and (max-width: 700px) {
.inner{
dislay:none;
}
}
解決方案3
1 2017-03-17 05:45:26
你可以試試這個
$（window）.width（）應該給你屏幕寬度
$(document).ready(function() {
if ($(window).width() < 701) {
$(".inner").empty();
} else {
$(".inner").append( "{{ content.something_1 }}" );
}
});
解決方案4
1 2017-03-17 05:46:52
糾正我，如果我錯了，你說
如果屏幕寬度id小於700px，我想清空內部的任何內容。
嘗試這個
$(document).ready(function() {
if (($(window).width() < 701)) {
$(".inner").empty();
}
else {
$(".inner").append( "{{ content.something_1 }}" );
}
});
如果需要在屏幕上引用，請使用$(window) ，在您的方案中使用$（this）只是引用文檔
但是如果屏幕調整大小會怎樣？
您可以使用事件resize
$(window).resize(function(){
//do something when the screen is resized
});
解決方案5
0 2017-03-17 10:18:54
在調整大小函數中編寫代碼，以在視口調整大小時觸發它。
<div class="outer">
<div class="middle">
<div class="inner">
{{ content.something_1 }}
</div>
</div>
</div>
$(document).ready(function() {
var sWidth;
$(window).resize(function(){
sWidth = $(window).width();
if (sWidth < 700) {
$(".inner").empty();
}
else {
$(".inner").append( "{{ content.something_1 }}" );
}
}).resize();
});
用jQuery替換DIV的內容
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.