1

在我的带有母版页的 aspx 页面中使用 jquery 滑块时出现错误，例如

 The state information is invalid for this page and might be corrupted.
Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.

Exception Details: System.Web.HttpException: The state information is invalid for this page and might be corrupted.

我的代码是

<div class="demo">
    <input type="text" class="sliderValue"  />
        <p>
        </p>
        <div id="slider"></div>
    </div>

和

<script language="javascript">
        $("#slider").slider({
            range: "min",
            value: 1,
            step: 10,
            min: 0,
            max: 1000,
            slide: function (event, ui) {
                $("input").val(ui.value);
            }
        });


        $("input.sliderValue").change(function (event) {
            var value1 = parseFloat($("input").val());
            var highVal = value1 * 2;
            $("#slider").slider("option", { "max": highVal, "value": value1 });
        });
    </script>

有什么建议吗？？

编辑：但是这段代码在另一个 aspx 页面中运行良好。我可以知道这背后的原因吗

  <div>
  <input type="text" class="sliderValue" data-index="0" value="10" runat="server" />
  <input type="text" class="sliderValue" data-index="1" value="90" runat="server" />
  </div>
  <br />
  <div id="slider">
  </div>

和

<script language="javascript">
        $(document).ready(function () {
            $("#slider").slider({
                min: 0,
                max: 100,
                step: 1,
                range: true,
                values: [10, 90],
                slide: function (event, ui) {
                    for (var i = 0; i < ui.values.length; ++i) {
                        $("input.sliderValue[data-index=" + i + "]").val(ui.values[i]);
                    }
                }
            });

            $("input.sliderValue").change(function () {
                var $this = $(this);
                $("#slider").slider("values", $this.data("index"), $this.val());
            });
        });

    </script>
4

2 回答 2

0

尝试将您的代码包装在$(document).ready(function(){});

<script language="javascript">

$(document).ready(function(){

        $("#slider").slider({
            range: "min",
            value: 1,
            step: 10,
            min: 0,
            max: 1000,
            slide: function (event, ui) {
                $("input").val(ui.value);
            }
        });


        $("input.sliderValue").change(function (event) {
            var value1 = parseFloat($("input").val());
            var highVal = value1 * 2;
            $("#slider").slider("option", { "max": highVal, "value": value1 });
        });

});
    </script>
于 2012-02-29T10:09:28.423 回答
0

用这个，希望对你有帮助

  1. 在产生错误的文件顶部添加“Debug=true”指令。例子：
 <%@ Page Language="C#" Debug="true" %>

或者：

2) 将以下部分添加到应用程序的配置文件中：

<configuration>    <system.web>
     <compilation debug="true"/>    </system.web> </configuration>

我已经使用了您的代码，并且没有像您所说的那样收到任何错误。

在此处输入图像描述

于 2012-02-29T12:30:45.333 回答