ASP.NET WebForm，找不到Nouislider

发布于 2025-02-12 05:24:43 字数 1680 浏览 0 评论 0原文

我正在尝试在ASP.NET网站中使用Nouislider创建一个基本的滑块（这是我们使用的，无论好坏）。我们目前正在使用jQuery UI滑块，并且不支持触摸事件。

无论我尝试什么，我都会在testnouislider：39：17'错误的“ nouislider.create.create”系列中定义一个“未接收参考：Nouislider”。

网页：

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="TestNoUISlider.aspx.cs" Inherits="TestNoUISlider" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="Content/noUiSlider/jquery.nouislider.css" rel="stylesheet" />
    <script src="Scripts/jquery-3.6.0.min.js"></script>
    <script src="Scripts/jquery.nouislider.js"></script>

</head>
<body>
    <form id="form1" runat="server">
        <div>
            <div>
                <h1>Test the no ui slider</h1>
                <div>
                    <br />
                    <br />
                    <br />
                </div>
                <div id="slider"></div>
            </div>
        </div>
    </form>

    <script>
                var slider = document.getElementById('slider');

                noUiSlider.create(slider, {
                    start: [20, 80],
                    connect: true,
                    range: {
                        'min': 0,
                        'max': 100
                    }
                });
    </script>

</body>
</html>

根本没有代码。以上是从（ nuislider网站）的

任何积极建议。

原文

I'm trying to create a basic slider with nouislider in an ASP.NET website (that's what we use, for better or worse). We're currently using the JQuery UI slider and it doesn't support touch events.

Whatever I try I get an 'Uncaught ReferenceError: noUiSlider is not defined at TestNoUISlider:39:17' error at the 'noUiSlider.create' line.

Web page:

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="TestNoUISlider.aspx.cs" Inherits="TestNoUISlider" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="Content/noUiSlider/jquery.nouislider.css" rel="stylesheet" />
    <script src="Scripts/jquery-3.6.0.min.js"></script>
    <script src="Scripts/jquery.nouislider.js"></script>

</head>
<body>
    <form id="form1" runat="server">
        <div>
            <div>
                <h1>Test the no ui slider</h1>
                <div>
                    <br />
                    <br />
                    <br />
                </div>
                <div id="slider"></div>
            </div>
        </div>
    </form>

    <script>
                var slider = document.getElementById('slider');

                noUiSlider.create(slider, {
                    start: [20, 80],
                    connect: true,
                    range: {
                        'min': 0,
                        'max': 100
                    }
                });
    </script>

</body>
</html>

There are no code behind at all. The above is taken straight from the (nuislider website)

Any positive suggestions much appreciated.

分享到QQ

分享到微博