MVC 3 Razor ビューに次のマークアップがあります。そのままで、ComboBox は適切にレンダリングされますが、ドロップダウン矢印をクリックしてもドロップダウンしません。ビュー作成テンプレートによってビューに追加されたjQuery検証スクリプト参照を削除すると、すべて機能します。ここで何が問題なのですか?
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<script type="text/javascript">
function provinceChanged() {
var cityCombo = $('#Cities').data('tComboBox');
cityCombo.loader.showBusy();
$.get(url, { provinceId: e.value }, function (data) {
cityCombo.dataBind(data);
cityCombo.loader.hideBusy();
cityCombo.enable();
});
}
</script>
...
<div class="editor-field">
@(Html.Telerik().ComboBox()
.Name("Provinces")
.SelectedIndex(1)
.BindTo(new SelectList(Model.ProvinceList, "ProvinceId", "Name"))
.ClientEvents(events => events.OnChange("provinceChanged"))
)
</div>
私のマスターレイアウトでjQueryを参照する方法は次のとおりです。
<head>
<title>@ViewBag.Title</title>
<link href="@Url.Content("~/Styles/Blueprint/screen.css") rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
@Html.Telerik().StyleSheetRegistrar().DefaultGroup(group => group.Add("telerik.common.css").Add("telerik.vista.css"))
<script src="@Url.Content("~/Scripts/jquery-1.4.4.min.js")" type="text/javascript"></script>
</head>
解決済み:他に何が変わったのかわかりませんが、コード サンプル用に jQuery Validate 参照を元に戻したところ、私のコードはそれらでも動作するようになりました。