0

JQRangeSlider に問題があるようです。このツールを MVC プロジェクトに実装しようとしています。スライダーが呼び出された後、アラートに到達することはありません。バグはありますか？私はこれを Dreamweaver の別のプロジェクトで動作させていますが、ライブ プレビュー モードでは正常にレンダリングされますが、ブラウザに表示することはできません。これが私のコードです...

    ViewBag.Title = "Test";
    Layout = "";
    }

<html>
<head>
<title>"Slider"</title>
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/start/jquery-           ui.css" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/slider/CSS/classic.css")" rel="stylesheet"   type="text/css" />



    <script src="@Url.Content("http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js")" type="text/javascript"></script>
    <script src="../../Content/slider/Scripts/jquery-ui-1.8.22.custom.min.js" type="text/javascript"></script>

    <script src="@Url.Content("~/Content/slider/Scripts/jQRangeSliderMouseTouch.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Content/slider/Scripts/jQRangeSliderDraggable.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Content/slider/Scripts/jQRangeSliderBar.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Content/slider/Scripts/jQDateRangeSliderHandle.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Content/slider/Scripts/jQRangeSliderLabel.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Content/slider/Scripts/jQEditRangeSliderLabel.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Content/slider/Scripts/jQRangeSlider.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Content/slider/Scripts/jQEditRangeSlider.js")" type="text/javascript"></script>
</head>


<body>

<div class="page-header">
    <h2>Test</h2>

</div>
<div id="slider" style="width:200px;"></div>
<input type="text" class="datepicker" />

<script type="text/javascript">
    $(function () {

        $("#slider").editRangeSlider();
        alert("whocareswhateverbye");

    });

</script>
</body>
</html>
4

1 に答える 1

0

あなたのコードは失敗していると思います

 $("#slider").editRangeSlider();

jQuery 1.7 との互換性の問題のため、アラートに到達することはありません。

ここに示すように、jQuery 1.8 で正常に動作しています。

http://jsfiddle.net/QwAqy/1/

于 2013-06-26T06:35:59.983 に答える