javascript - 进度条问题

Question

我有一个 aspx 文件和一个 ascx 文件(Details.ascx)。在我的 ascx 文件中，我有以下代码..

<script type="text/javascript">
    $(function () {
        var a = document.getElementById("HidStatus").value;
        var b = parseInt(a);
        $("#progressbar").progressbar({
            value: b,
            max: 100
        });
    });
    
</script>

 <fieldset>
    <div id="progressbar" style="height: 8px; float: left; padding: .3%; margin-right: 274px;
        margin-left: auto; width: 300px;">
    </div>
    <div id="Div1" style="float: left; margin-left: 300px; margin-right: 100px">
        <%= Html.Hidden("HidStatus", (double)ViewData["StatusBar"])%>
        <%= Html.Label(Convert.ToString(ViewData["StatusBar"] + "% Completed"))%>
    </div>
</fieldset>

在我的 aspx 文件中......

<script type="text/javascript">
    function Load() {
        $.ajaxSettings.cache = false;
        var Id = document.getElementById("Id").value;
        if (Id != null && Id != "") {
            $.ajax({
                type: "GET",
                url: "../Test/Populate",
                data: "&Id=" + Id.toString(),
                success: function (msg) {
                    if (msg != null && msg != "") {
                        alert(msg);
                        //document.getElementById("TargetId").innerHTML = msg;
                         $('#TargetId').html(msg);
                    }
                    else {
                    }
                },
                error: function (msg) { }
            });
        }
    }
   
</script>


<div class="content-admin">
    <div class="form-content">
         <div id="TargetId">
            <% Html.RenderPartial("Details"); %>
        </div>
    </div>
</div>

第一次加载进度条。每当我进行选定的索引更改时，进度条就会消失...

我认为，这一行 document.getElementById("ProvideFeedbackDetailsTargetId").innerHTML = msg; 可能是问题的原因......但不知道该怎么办......

如何解决这个问题...

Answer 1

看起来您正在使用 jQuery。您可以将所有 document.getElementById() 调用更改为jquery 调用如

document.getElementById("TargetId").innerHTML = msg;

将在 jquery 中:

$('#TargetId').html(msg);

这可能是解决问题的开始，在 Firefox 上使用 firebug 进行调试也可能有所帮助。