Ошибка при использовании JQuery Slider?

Question

При использовании ползунка 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 page.May я знаю причину этого

<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> 

Answer 1

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

Answer 2

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

1. Добавить «Debug = TRUE» директиву в верхней части файла, вызвавшего ошибку. Пример:

<%@ Page Language="C#" Debug="true" %> 

или:

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

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

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