Получаете ошибку при использовании Jquery Slider? - PullRequest
Новая
       22

Получаете ошибку при использовании Jquery Slider?

1 голос
/ 29 февраля 2012

При использовании ползунка jquery на моей странице aspx с прикрепленной главной страницей выдается ошибка типа 

 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>

Любое предложение ??

EDIT: Но этот фрагмент кода работает нормально на другой странице 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>

Ответы [ 2 ]

0 голосов
/ 29 февраля 2012

используйте это, я надеюсь, это поможет вам

  1. Добавьте директиву Debug = true вверху файла, который сгенерировал ошибку.Пример: 
 <%@ Page Language="C#" Debug="true" %>

или:

2) Добавьте следующий раздел в файл конфигурации вашего приложения: 

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

Я использовал ваш код и не получил никакой ошибки, как вы сказали.

enter image description here

0 голосов
/ 29 февраля 2012

попробуйте обернуть ваш код в $(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>
...