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>

ソースページに記載されている指示に従おうとしましたが、何も機能しませんでした。私がここで欠けているものを教えてもらえますか？よろしくお願いします。（この部分を修正しました。contntentplaceholderの配置を間違えました）

編集：ボタンを押したときにアニメーション化するように値を変更するにはどうすればよいですか...ページ内のボタンのコードは次のとおりです：

<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 に答える