javascript - 如何使用 jquery/javascript 访问外部变量

Question

当我的 URL 包含特定字符串时，我想调用一个变量，该变量存储一些 html 标记和一些数据。在我创建超时功能后，可以访问数据，并且控制台会输出正确的标记。

var mapData = setTimeout(function() {
    var mapContent = $('.case__map').html(); // THIS DATA I WANT
},3000)

if (window.location.search == '?print=1') {
   $('.presentation-list').find('[data-type="image"]').each(function () {
      var src = $(this).attr('data-src');
      $('.newData').append('<div><img src="' + src+ '"/></div>')
  });
  // HERE I WANT TO APPEND THE DATA INSIDE "MAPCONTENT" TO A NEW DIV
  // HOW TO ACHIEVE THIS?      
}

感谢任何帮助

Answer 1

您可以将超时后想要执行的操作包装在函数中，并在超时函数中调用它。

var mapData = setTimeout(function() {
    var mapContent = $('.case__map').html(); // THIS DATA I WANT
    appendData(mapContent);
},3000)

if (window.location.search == '?print=1') {
   $('.presentation-list').find('[data-type="image"]').each(function () {
      var src = $(this).attr('data-src');
      $('.newData').append('<div><img src="' + src+ '"/></div>')
  });    
}

function appendData(data) {
    if (window.location.search == '?print=1') {
       // append data where you want.
      // HERE I WANT TO APPEND THE DATA INSIDE "MAPCONTENT" TO A NEW DIV
      // HOW TO ACHIEVE THIS?      
    }
}