2012-08-01 78 views
0

似乎JQRangeSlider存在一些问题。尝试将此工具实施到MVC项目中。调用滑块后,警报永远不会到达。有错误吗?我在Dreamweaver的另一个项目中工作,虽然它在实时预览模式下渲染得很好,但它无法将其带到任何浏览器。这里是我的代码...JQRangeSlider中的JavaScript错误

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

敢肯定你的意思不是'<标题= “滑盖”>'而是'滑块'什么 – 2012-08-01 01:31:17

+0

什么错误你浏览器错误控制台显示? – 2012-08-01 01:32:02

+0

@Michael我正在和Shane一起工作。你对标题是正确的,但这不是问题。浏览器没有显示任何错误。使用了Firebug。没有显示滑块。如果editRangeSlider更改为滑块,则它将用作基本滑块。 未能达到editRangeSlider初始化后的代码,因此认为它是js错误。 (并不意味着将此作为答案) – Jeff 2012-08-01 01:35:05

回答

0

我觉得你的代码是在

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

由于使用jQuery 1.7的兼容性问题失败,所以它从来没有达到警戒。

它的正常工作与jQuery 1.8为证明此:

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