-1

contentheight < 500 の場合に div を削除する JS ルールを探しています

画像に対して次の作業を行いましたが、画像のサイズ変更を div を削除するコマンドに置き換える必要があります。

 $(document).ready(function() {  

 function imageresize() {  
 var contentheight = $('#maincontainer').height();  
 if ((contentheight) < '500'){  
 $('.fluidimage').attr('src','images/big-sm.jpg');  
 } else {  
 $('.fluidimage').attr('src','images/big.jpg');  
 }  
 }  

 imageresize();//Triggers when document first loads      

 $(window).bind("resize", function(){//Adjusts image when browser resized  
 imageresize();  
 });  

 });

すべての助けに感謝します

4

4 に答える 4

0

jQueryを使用すると、divまたは任意のDOM要素を削除するだけ$(selector).remove(); です。それはあなたが探しているものですか？

于 2013-03-23T14:55:43.623 に答える
0 
$(document).ready(function() {
 function imageresize() {  
    var contentheight = $('#maincontainer').height();  
    if (contentheight < 500){
        $('.fluidimage').attr('src','images/big-sm.jpg');  
    } else {  
        $('.fluidimage').attr('src','images/big.jpg');  
    }  
 }
 imageresize(); //Triggers when document first loads      
 $(window).bind("resize", function(){
     //Adjusts image when browser resized  
     imageresize();  
 });
});

500は数字であり、文字列ではありません。引用符で囲むことはできません。
フィドル： http： //jsfiddle.net/eSBUz/

于 2013-03-23T14:56:06.820 に答える
0

http://jsfiddle.net/Venugopal/eSBUz/2/

$(document).ready(function() {  
function imageresize() {  
var contentheight = $('#maincontainer').height();  
if (contentheight < 250){
    $('#maincontainer').css('background','blue');  
} else {  
    $('#maincontainer').css('background','red');
}  
}
imageresize(); //Triggers when document first loads      
$(window).bind("resize", function(){
 //Adjusts image when browser resized  
 imageresize();  
 });
});
于 2013-03-23T15:32:10.960 に答える
0

each を使用して div を反復処理し、ディメンションを確認するのはどうですか? そうすることで、各呼び出しで DIV の参照を取得できます。このようなもの ：

$(".box").each(function (index) {
    console.log( $(this).attr("width") );
    w = Number( $(this).attr("width") );
    if( w > 10 ){
        $(this).remove();
    }
});

http://jsfiddle.net/hamiltonlima/dDJcA/

于 2013-03-23T15:05:22.037 に答える