Get Date Attribute in DIV

Question

In certain div I do an area calculation for a responsive website.

<div id="iframe-game" class="help" data-scale="0.8264794383149449">
</div>

By jQuery I try to get the value of the attribute data-scale thus:

$("#iframe-game").data('scale');
$("#iframe-game").attr('data-scale');
$("#iframe-game").prop('data-scale');

I’ve tried these three ways. But it won’t. And when I walk into the Inspect Element, it’s there in the div like I did up there.

I do it in the onLoad:

$(window).load(function(){
    setTimeout(function(){
       var percent = $('div#iframe-game').attr('data-scale');
    },1);
});

I use version 1.11 of jQuery.

What I believe is happening is that the value has not been set yet and onload is being faster to load... and so ends up getting a null value.

As I stand the data-scale:

$('#iframe-game-box').each(function(){

    var iframe = $(this);
    $(window).on('load resize',setViewport);

    function setViewport(){

            var iframeGame = iframe.contents().find("#iframe-game");
            var iframeHeight = iframe.contents().find('body')[0].scrollHeight;
            var iframeWidth = iframeGame.width();
            var windowHeight = $(window).height();
            var windowWidth = $(window).width();

            //Verifica se vai adicionar um valor ao gap
            var heightGap = 0;
            if(iframeHeight > windowHeight){
                heightGap = 70;
            }

            //Verifica se fará a nova escola de acordo com a altura ou largunra
            if(windowWidth > windowHeight){
                var newScale = ((windowHeight - heightGap) * 100 / iframeHeight) / 100;
            }else if(windowHeight > windowWidth){
                var newScale = (windowWidth * 100 / iframeWidth) / 100;
            }

            if(newScale > 1){ newScale = 1; }

            iframeGame.css({
                '-webkit-transform' : 'scale(' + newScale + ')',
                '-moz-transform'    : 'scale(' + newScale + ')',
                '-ms-transform'     : 'scale(' + newScale + ')',
                '-o-transform'      : 'scale(' + newScale + ')',
                'transform'         : 'scale(' + newScale + ')'
            }).attr('data-scale', newScale);
    });
});