2016-06-21 35 views
0

我嘗試更改由jQuery UI創建的類的值,但我不能。 謝謝你告訴我我該怎麼做。更改由jQuery UI創建的類的值

HTML

<div id="barre" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" style="width: 960px; height: 540px;"> 
    <span class="ui-slider-handle ui-state-default ui-corner-all" tabindex="0" style="left: 48.9583%;"></span> 
</div> 

jQuery的

$(".ui-slider-handle").css("height", "100px"); // doesn't modify the value 
+0

指定高度,以一個內聯元素(跨度)不會做任何事情。 –

+0

我試着用相同的代碼[這裏](https://jsfiddle.net/sLLzf2mu/)。似乎在這裏工作。我可以從開發人員工具看到高度已被添加。 – SamGhatak

+0

@SamGhatak:但它對高度有影響嗎?嘗試使用開發人員工具逐漸增加高度,並查看它是否會改變任何內容。 –

回答

0

腳本之前添加$

$(".ui-slider-handle").css("height", "100px"); 
0

你jQuery是工作的罰款。 你有

.ui-slider-handle{ 
dispaly:block 
} 

加$腳本之前添加span標籤樣式第一:

$(".ui-slider-handle").css("display", "block"); 
$(".ui-slider-handle").css("height", "100px"); 
+0

這對我不起作用。 – Nador

+0

嘗試將display屬性設置爲「inline-block」,而不是「block」。 ($。「ui-slider-handle」).css(「display」,「inline-block」);' –

+0

請檢查控制檯是否有javascript錯誤。 – Suraj