0

MVC4 アプリケーションでjQuery UI ヘルパーを使用しています。

<div class="span6">
    @Html.JQueryUI().SliderFor(x => x.WantsStudentWeighting).Min(1).Max(10)
</div>

アプリケーションを実行すると、スライダーは表示されますが、100% 表示されません。スライダーが入っている領域内やその周辺をクリックしてスケールに沿って動かすと、スライダー ハンドルが表示されるので、そこにあることがわかります。重み付けの値も変化します。証拠は次のとおりです。

ここに画像の説明を入力

すべてのスクリプトと css ファイルがそこにあります。jqueryui.slider.css ファイルを編集しようとしましたが、役に立ちませんでした。また、スライダーが白でレンダリングされないように、DIV を含む背景色も変更しました。

私はアイデアを使い果たしました - いくつかの助けをいただければ幸いです。

4

1 に答える 1

0

BundleConfig ファイルで、jquery-ui.unobtrusive-xyzjs の新しいバンドルを作成します。これを jQuery UI バンドルに追加して、jQuery UI が参照されるときに常に含まれるようにすることもできます。次の例は、これを示しています。

    bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
            "~/Scripts/jquery-ui-{version}.js",
            "~/Scripts/jquery-ui.unobtrusive-{version}.js"));

レイアウト ページまたはそれらを必要とするビューでバンドルをレンダリングします。jQuery UI CSS ファイルを次のように追加します。

@Styles.Render("~/Content/css")
@Styles.Render("~/Content/themes/base/css")

そして JavaScript ファイル:

@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/jqueryui")

バンドルはバージョン番号を自動的に処理するので、パッケージをアップグレードするときにそれらについて心配する必要はありません。

クライアント側の検証を使用する場合は、jQuery UI ヘルパー スクリプトの前に検証スクリプトを含めます。より詳しい情報。

@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/jqueryval")
@Scripts.Render("~/bundles/jqueryui")

この助けを願っています

于 2013-07-31T06:40:46.957 に答える