how to access outside variable with jquery/javascript

Question

I want to call a variable, which stores some html markup with some data, when my URL contains a specific string. The data is accesible after a timeout function I made, and the console spits out the correct markup.

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?      
}

any help is appreciated

If the content is in a asynchronous call, you can not do what you want to do... — epascarello, Dec 08 '15 at 13:12
I think this may help you to put MAP http://stackoverflow.com/questions/34130565/how-to-pass-jquery-variable-to-a-global-one/34130682#34130682 — Parth Trivedi, Dec 08 '15 at 13:13

score 1 · Accepted Answer · answered Dec 08 '15 at 13:16

You can wrap an action you want to do after the timeout in a function and call it in the timeout function.

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?      
    }
}

Can we agree that its `$('.newData').append('
' + data + '
');` ? — ST80, Dec 08 '15 at 13:57

how to access outside variable with jquery/javascript

1 Answers1