0

我使用了这个链接中给出的例子

这是我的 .aspx 页面代码

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jqueryui.css"
rel="stylesheet" type="text/css" />

<script type="text/jscript" src="http://ajax.googleapis.com/ajax/libs/jquery1.5/jquery  .min.js"></script>

<script type="text/jscript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

<script type="text/jscript">
$(document).ready(function() {
$("#progressbar").progressbar({ value: 37 });
});
</script>

</asp:Content>

进度条的 div 就是这个

<div style="margin-left: 10px; margin-right: 10px;" id="progressbar">    </div>

我试图按照源页面上的说明进行操作，但没有任何效果。你能告诉我我在这里缺少什么吗？提前谢谢。（修复了这部分。我在放置我的内容占位符时犯了一个错误）

编辑：如何以某种方式更改值，以便在我按下按钮时动画......页面中按钮的代码如下：

<asp:Button ID="btnConfirm" CssClass="button" SkinID="Common" runat="server"Text="Confirm"OnClick="btnConfirm_Click" />
4

1 回答 1

2

尝试这个：

<script type="text/jscript">
jQuery(document).ready(function() {
jQuery("#progressbar").progressbar({ value: 37 });
});
</script>

$asp.net 也将其用于自己的客户端 javascript。

考虑我们jQuery.noConflict()

您可以像这样封装您的 jQuery 代码：

jQuery.noConflict();
(function($) { 
  $(function() {
    $(document).ready(function() {
    $("#progressbar").progressbar({ value: 37 });
    // more code using $ as alias to jQuery
  });
})(jQuery);

编辑： 要更新上面的内容和带有UpdatePanel.

参考如何使用 UpdatePanels

将进度百分比分配给 asp 文字。

jQuery.noConflict();
(function($) { 
  $(function() {
    $(document).ready(function() {
    $("#progressbar").progressbar({ value: <asp:Literal runat="server" ID="ProgressPercentage" /> });
    // more code using $ as alias to jQuery
  });
})(jQuery);

点击按钮 

ProgressPercentage.Text = progress.ToString();
于 2012-08-01T07:41:42.887 回答