Question

我有一个API，它返回给我{"html", "Css" and "JS"}，我非常希望在客户端呈现。

问题： 由于某种原因看起来有些事情失败了，点击按钮也没有做任何事情。（我接受按钮）

JavaScript的：

function postAjax(success) {
    var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
    xhr.open('GET', '/myaccount/profile/api/accept');
    xhr.onreadystatechange = function() {
        if (xhr.readyState > 3 && xhr.status == 200) {
            success();
        }
    };
    xhr.setRequestHeader('Accept', 'application/json', 'Content-Type', 'application/json');
    xhr.send(null);
    return xhr;
};
document.onreadystatechange = function() {
    if (document.readyState == "interactive") {
        // some logic
        var cookieLanguage = document.getElementById("CookieContent_wrapper");
        var cookieBanner = document.getElementById("CookieBanner");
        var acceptAllButton = document.getElementById("acceptAllButton");
        acceptAllButton.onclick = function() {  // Does not get trigerred.
            // Does not get trigerred.
            // Do some logic.
        };
    }
};

但是，不会触发acceptAllButton.onClick事件。

这是我的directive.js（angular）

    populate() {

        this.cookieBannerData = this.models.CookieData; // We are getting { "js", "html", "css"}

        //CSS
        $("head").prepend( this.cookieBannerData.css );

        // HTML
        let div = document.getElementById( 'cookie-banner-outerwrap' );
        div.insertAdjacentHTML( 'beforeend', this.cookieBannerData.html );


        //JS
        $("head").append( this.cookieBannerData.js );
    }


    template.html

    <div id="cookie-banner-outerwrap"></div>

当我点击按钮时，没有任何反应。无论如何，我可以用窗口绑定onclick事件，以便我可以得到我的

onClick事件的问题没有在DOM上触发

0 个答案: