JQRangeSlider中的JavaScript錯誤

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

來源

2012-08-01 Shane

敢肯定你的意思不是'<標題= 「滑蓋」>'而是'滑塊'什麼 – 2012-08-01 01:31:17

什麼錯誤你瀏覽器錯誤控制檯顯示？ – 2012-08-01 01:32:02

@Michael我正在和Shane一起工作。你對標題是正確的，但這不是問題。瀏覽器沒有顯示任何錯誤。使用了Firebug。沒有顯示滑塊。如果editRangeSlider更改爲滑塊，則它將用作基本滑塊。未能達到editRangeSlider初始化後的代碼，因此認爲它是js錯誤。（並不意味着將此作爲答案） – Jeff 2012-08-01 01:35:05

我覺得你的代碼是在

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

由於使用jQuery 1.7的兼容性問題失敗，所以它從來沒有達到警戒。

它的正常工作與jQuery 1.8爲證明此：

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

來源

2013-06-26 06:35:59 Renaud

JQRangeSlider中的JavaScript錯誤

回答

相關問題