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

Question

我是 jQuery 的新手。我正在尝试检查 div 是否在另一个 div 中。我不仅需要 second div 比 first 小，而且还需要包含在其中。怎么做？我试过这个，但它只检查第二个 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 内 - 不仅尺寸小而且在里面

How to check if div is inside another div -not only with small size but inside it

html

jquery

position