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);
}

トグルエレメントでは、$(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 に答える