jQuery UI的滑塊中不顯示

我想了滑蓋的基本語法是：jQuery UI的滑塊中不顯示

<div id="slider"></div> 

$("#slider").slider()

但是，這並不使可見滑塊。檢查div元素，我發現應用了一些樣式，但滑塊不可見。

這裏有一個小提琴：http://jsfiddle.net/yqNcn/

來源

2012-04-10 Tyler DeWitt

不錯，jQuery UI演示覆制，並且不起作用。我只能猜測jsfiddle搞砸了。 – sg3s 2012-04-10 22:32:54

因此類應用，但是風格不是你還沒有爲jQuery用戶界面的CSS（實際上有沒有適用）。 Here's一個包含樣式的編輯小提琴（查看參考資料面板）;滑塊是可見的，因爲它應該是。

來源

2012-04-10 22:35:12 Jon

這很奇怪，即使您選中了jQuery UI複選框，jsfiddle也不會處理這個問題嗎？這是一個錯誤或沒有真正想到...... jQuery UI不僅僅是JS代碼。 – sg3s 2012-04-11 05:51:53

首先導入你的JavaScript文件* jquery.s和進口jQuery UI的小部件Jquery-ui.js 然後把你的CSS 股利標籤與ID<div id="slider"></div>本例中

<div id="slider"></div>

然後調用jQuery的滑塊功能....

<script> 
$(function() { 
$("#slider").slider(); 
}); 
</script>

來源

2014-02-27 17:34:32

-1

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css"> 
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> 


<script> 
    $(function() { 
    $("#slider-range").slider({ 
     range: true, 
     min: 1000, 
     max: 1000000, 
     values: [ 75000, 300000 ], 
     slide: function(event, ui) { 
     $("#amount").val("$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ]); 
     } 
    }); 
    $("#amount").val("$" + $("#slider-range").slider("values", 0) + 
     " - $" + $("#slider-range").slider("values", 1)); 
    }); 
    </script> 
</head> 
<body> 

<p> 
    <label for="amount">Price range:</label> 
    <input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;"> 
</p> 

<div id="slider-range"></div>

來源

2017-05-02 15:03:47 chheky

jQuery UI的滑塊中不顯示

回答

相關問題