jQuery - SVG加载到div不随div移动

dwthyt8l 于 2023-10-17 发布在 jQuery

关注(0)|答案(1)|浏览(108)

bounty还有6天到期。此问题的答案有资格获得+50声望奖励。IlludiumPu36希望提请更多注意这个问题：当div从屏幕左侧移动时，将SVG加载到#image_placeholder div的工作解决方案，例如位置：左侧

我有一个SVG通过jQuery加载到div中。div是position: absolute。
当我将div设置为position: left时，div会移动，但SVG不会移动。如何移动div和SVG？

$('#case_1_btn').one('click', function() {
  $('#image_placeholder').load('cases/case_1/images/case_1_1.svg', function() {
    var svg = $('#image_placeholder').find('svg')[0];
    svg.setAttribute('height', '70%');  
    $('#image_placeholder').css('left', '70%');

    $('#case_text_container').load('cases/case_1/case_1_start.html');
  }); 
});

单击$('#case_1_btn')后，$('#image_placeholder')将更改为左70% ok的位置，但SVG不会随之移动：

jquery

来源：https://stackoverflow.com/questions/77287096/jquery-svg-loaded-to-div-doesnt-move-with-div

1条答案

按热度按时间

tf7tbtn21#

这样做奏效了：

$(document).ready(function() {

         $('#case_1_btn').one('click', function(){
        $('#image_placeholder').load('cases/case_1/images/case_1_1.svg', function() {
            var svg = $('#image_placeholder').find('svg')[0];
            svg.setAttribute('height', '70%');
            svg.removeAttribute("viewBox");  // <--- ADD THIS
            $('#image_placeholder').css('left', '600');
         $('#case_text_container').load('cases/case_1/case_1_start.html');
        });
});

    });

赞(0）回复(0）举报 2023-10-17

我来回答

jQuery - SVG加载到div不随div移动

1条答案

相关问题

热门标签

最新问答