0

こんにちは、MVC3 で問題が発生しています。jquery スライダーは、スライダーが必要な場所に次のエラーを表示しています。

[object Object]

スライダーは表示されません。追加した jquery スクリプトは次のとおりです。

<script type="text/javascript">

    $(function () {
        $("#slider-range-max").slider({
            range: "max",
            min: 1,
            max: 10,
            value: 2,
            slide: function (event, ui) {
                $("#Score").val(ui.value);
            }
        });
        $("#Score").val($("#slider-range-max").slider("value"));
    });
    </script>

そして、私の見解ではこのフィールドを参照しています：

 <div class="editor-label">
        @Html.LabelFor(model => model.Score)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.Score)
        @Html.ValidationMessageFor(model => model.Score)
    </div>

ビューに次の 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 src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"</script>
<link href="../../Content/themes/base/jquery.ui.all.css" rel="stylesheet" type="text/css"/>
<script src="../../Scripts/jquery-ui-1.8.11.min.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.ui.core.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.ui.widget.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.ui.slider.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.ui.mouse.js" type="text/javascript"></script>
<script src="../../Scripts/modernizr-1.7.js" type="text/javascript"></script>

追加情報が必要な場合は、お尋ねください。

4

1 に答える 1

1

まず、次の jquery スクリプトを追加する必要があります。

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all" />
<link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css" type="text/css" media="all" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script>
<script src="http://jquery-ui.googlecode.com/svn/tags/latest/external/jquery.bgiframe-2.1.2.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/i18n/jquery-ui-i18n.min.js" type="text/javascript"></script>

次に、これをビューに追加します。

<script type="text/javascript">
    $(function() {
        $( "#slider-range-max" ).slider({
            range: "max",
            min: 1,
            max: 10,
            value: 2,
            slide: function( event, ui ) {
                $("#PutYourValueHere").val(ui.value);
            }
        });
$("#PutYourValueHere").val($("#slider-range-max").slider("value"));
    });
    </script>

上記の PutYourValueHere と表示されている場所は、model.PutValueHere に対応しています。

  @Html.EditorFor(model => model.PutYourValueHere)

次の手順に従ってください。

于 2012-04-11T00:17:37.273 に答える