0

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

我的 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，我在页面上的所有元素周围都有。

4

2 回答 2

2

我认为问题出在这一行：

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

什么是 ctl00_cpMain_cntnrRoot？是一门课吗？那么它应该是 .ctl00_cpMain_cntnrRoot 还是一个 id？那么应该是：#ctl00_cpMain_cntnrRoot

同样对于您的 find()。btn_generateDetail 是一个 id 还是一个类？

于 2012-06-19T14:03:01.020 回答
0

您是否使用 html 按钮标签。如果是这样，您可以将图像放在按钮中并为其设置 display="none" 的样式，然后您可以在单击按钮时切换此样式。例子：

<button>
    <img id="loadingIcon" src="" style="display:none"/> Button Text Here
</button>
于 2012-06-19T13:59:54.983 回答