jquery - Visual Studio 2012 asp.net Webフォームで動作するJquery UI

Question

ここで何が欠けているのかわかりませんが、2012 年に移動したばかりで、jquery ui からアコーディオンを default.aspx ページで動作させる際に問題が発生しています。

私のdefault.aspxページには、これがあります：

        <div id="accordian">
            <div>
              <div>
              <h3>Ask 1:</h3>
                <p>
                    Test data 1
                </p>
              </div>
              <div>
              <h3>Ask 2</h3>
                <p>
                    Test data 2
                </p>
              </div>
              <div>
              <h3>Ask 3</h3>
                <p>
                    Test data 3
                </p>
              </div>
            </div>

スタイリングとすべてに site.master を使用しています。site.master の head セクションには、次のものがあります。

<link href="Content/themes/base/jquery-ui.css" rel="stylesheet" />
<script src="Scripts/jquery-1.8.2.js"></script>
<script src="Scripts/jquery-ui-1.8.24.js"></script>
<script>
    $(document).ready(function () {
        $("#accordian").accordion({ autoHeight: false, collapsible: true });
    });
</script>

したがって、これを実行すると、正しく機能して表示されるはずですが、どちらも実行されません。asp.net 4.5 でスクリプトが読み込まれる方法が異なるようです。そうではありませんか？