Question

我是jQuery的新手。我正在尝试检查另一个div内是否有div。我不仅需要第二个div小于第一个div而且还需要包含它。怎么做？我试过这个，但它只检查第二个div的大小是否小于第一个div的大小：

if($('#div1').height() <= 375 || $('#div1').width() <= 500 ) {

编辑：

  $(function() {
        
        
        $('body').on('click', '.save', function(){
            var src = $(this).attr('src');
            $( ".bomb-overlay-holder" ).html('<img id="bomb-overlay">');
            $('.bomb-overlay-holder > img').attr('src',src);
            $( ".bomb-overlay-holder" ).draggable({ containment: ".background-bomb" });
            $( "#bomb-overlay" ).resizable({autoHide: true,});
            $( "#bomb-overlay" ).parent().rotatable({autoHide: true,});

        });

我的第一个div是.background-bomb，我的第二个div是#bomb-overlay。

Answer 1

用于检查containement部分

    var div1 = $('#div1');
    var div2 = $('#div2');
    var offset1 = div1.offset();
    var offset2 = div2.offset();
    var right1 = offset1.left + div1.width();
    var bottom1 = offset1.top + div1.height();
    var right2 = offset2.left + div2.width();
    var bottom2 = offset2.top + div2.height();

    //Now you can do something like...
    if(offset1.left <= offset2.left && offset1.top <= offset2.top && right1 >= right2 && bottom1 >= bottom2) {...}

如何检查div是否在另一个div内 - 不仅是小尺寸而且在其中

1 个答案: