Невозможно прочитать атрибут DOM из сценария загружается динамически

Question

Включая сценарий статически в HTML, как один ниже работы:

<script type="text/javascript" src="http://meerkatapp.co/widgets/embed.js" data-mute="false" data-social="false" data-cover="default" data-type="square" data-username="jessicadelfino"></script> 

Однако, ссылаясь на сценарий динамически не работает.

JavaScript код:

// Create script object 
    var script = document.createElement("script"); 

    // Configure script with Meerkat data 
    script.type = "text/javascript"; 
    script.src = "http://meerkatapp.co/widgets/embed.js"; 
    script.setAttribute("data-mute", "false"); 
    script.setAttribute("data-social", "false"); 
    script.setAttribute("data-cover", "default"); 
    script.setAttribute("data-type", "square"); 
    script.setAttribute("data-username", "jessicadelfino"); 

    // Append script object 
    $("body").append(script); 

Вот где происходит ошибка (от http://meerkatapp.co/widgets/embed.js):

window.currentScript = document.currentScript || (function() { 
    var scripts = document.getElementsByTagName('script'); 
    return scripts[scripts.length - 1]; 
})(); 

main(window.currentScript) 

function main(currentScript) { 
     ... 
     var btnContainerElm = currentScript 
     var mkBtnUsername = btnContainerElm.getAttribute("data-username") 
     ... 
     mkBtnUsername = mkBtnUsername.replace("@", '') 

Этот код генерирует ошибку: Uncaught TypeError: Cannot read property 'replace' of null на линии mkBtnUsername = mkBtnUsername.replace("@", '').

Ясно mkBtnUsername не если атрибут data-username установлен в скрипте.

Answer 1

Моя догадка document.currentScript вероятно нулевой (это может произойти, если это свойство проверяется внутри обработчика события, скажем, $(document).ready), и ваша функция запасного варианта выбирает неправильный скрипт (scripts[scripts.length - 1]). Попробуйте войти в систему window.currentScript.