javascript - 带有加载图标的切换元素

Question

我想要做的是当用户单击按钮时，将按钮的图像更改为加载图标。

我的 JavaScript 函数看起来像这样 -

function GenerateDetail() {
    var resBtn = $('ctl00_cpMain_cntnrRoot').find("btn_generateDetail");
    if (resBtn != null) {
        toggleElement(resBtn);
    }
}

function toggleElement(aRelEle) {
    if ($(aRelEle).css("display") != "none") {
        addImage(aRelEle);
        $(aRelEle).css("display", "none");
    }
    else {
        $(aRelEle).prev().remove();
        $(aRelEle).css("display", "inline");
    }
}

function addImage(aParEle) {
    var aImage = document.createElement("img");
    var aSrc = "App_Themes/Images/activityloader.gif";
    aImage.border = "0";
    aImage.src = aSrc;
    aParEle.appendChild(aImage);
}

在toggleElement中，$(aRelEle).css("display")未定义。为什么？ “ctl00_cpMain_cntnrRoot”是我页面上所有元素周围的一个 div。

Answer 1

我认为问题出在这一行:

 var resBtn = $('ctl00_cpMain_cntnrRoot').find("btn_generateDetail");

ctl00_cpMain_cntnrRoot 是什么？这是一个类(class)吗？那么它应该是.ctl00_cpMain_cntnrRoot还是一个id？那么它应该是:#ctl00_cpMain_cntnrRoot

与您的 find() 类似。 btn_generateDetail 是 id 还是类？