我使用了此link
中给出的示例这是我的.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>
我试图按照源页面上给出的说明进行操作但没有任何效果。你能告诉我我在这里失踪了吗?提前。 (修正了这部分。我在放置我的contntentplaceholder时犯了错误)
编辑:如何以某种方式更改值,以便在按下按钮时动画效果....按钮在页面中的代码如下:
<asp:Button ID="btnConfirm" CssClass="button" SkinID="Common" runat="server"Text="Confirm"OnClick="btnConfirm_Click" />
答案 0 :(得分:2)
试试这个:
<script type="text/jscript">
jQuery(document).ready(function() {
jQuery("#progressbar").progressbar({ value: 37 });
});
</script>
$
也被asp.net用于自己的客户端javascript。
你可以像这样封装你的jQuery代码:
jQuery.noConflict();
(function($) {
$(function() {
$(document).ready(function() {
$("#progressbar").progressbar({ value: 37 });
// more code using $ as alias to jQuery
});
})(jQuery);
修改强>
要更新上方内容的值以及带有UpdatePanel
的按钮。
将进度百分比分配给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();