小编Jon*_*nah的帖子

为什么我在Jquery UI Slider的页面加载上获得NaN

我有一个滑块,在页面加载时应该在滑块的句柄中产生一个值,也为标签另一个值.我无法理解为什么在页面加载时我得到NaN但是当我移动滑块时,会出现该值.

请看一下,这样你就可以自己看小提琴了

代码看起来还不错,但是,在页面加载时,值不会出现在句柄中.

$("#slider1").slider({
    max:350,
    min:100,
    step:10,
    value:100,
    animate: 'true',
    slide: function(event, ui) {  
        $("#amount").val(ui.value);
        $(this).find('.ui-slider-handle').html('<div class="sliderControl-label v-labelCurrent">£'+ui.value+'</div>');
                update();
    }    
});

function addDaysToDate(days) {
  var mths = new Array("Jan", "Feb", "Mar",
    "Apr", "May", "Jun", "Jul", "Aug", "Sep",
    "Oct", "Nov", "Dec");

  var d = new Date();
  d.setHours(d.getHours() + (24 * days));

  var currD = d.getDate();
  var currM = d.getMonth();
  var currY = d.getFullYear();

  return mths[currM] + " " + currD + ", " + currY;
}

$("#slider2").slider({
    max:30,
    min:7,
    value:7, …
Run Code Online (Sandbox Code Playgroud)

jquery jquery-ui

4
推荐指数
1
解决办法
2743
查看次数

jquery ui slider造型

我正在尝试在jquery ui范围滑块手柄中设置一个值.

我正在使用这个DEMO

另外,我已经使用了这个CSS,它仍然没有用.我哪里错了?

<div class="demo">
    <div id="slider-vertical" class="sliderControl-label v-labeCurrent"></div>
</div>

.sliderControl-label {
    color: #CCCCCC;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    top: -10px;
}

.ui-slider-handle .sliderControl-label .v-labelCurrent {
    color: #777777;
    font-size: 16px;
    line-height: 24px;
    position: relative;
    text-shadow: 0 1px 0 #FFFFFF;
    top: -2px;
    transition: color 0.15s linear 0s;
}?


$(function(){
    $("#slider-vertical").slider({
        orientation: "vertical",
        range: "min",
        min: 0,
        max: 100,
        value: 60,
        slide: function( event, ui ) {
            $( "#amount" ).val( ui.value );
            $(this).find('.ui-slider-handle').text(ui.value);
        },
        create: function(event, ui) {
            var …
Run Code Online (Sandbox Code Playgroud)

css jquery-ui

2
推荐指数
1
解决办法
3万
查看次数

有一个Javascript适用于Chrome和Firefox但不适用于IE

我创建了一个简单的JavaScript来选择所有复选框.它适用于两个浏览器但不是一个.任何人都可以帮助我使用此脚本使其与IE8或更高版本兼容.

<script language="JavaScript">

function toggle(source) {

  checkboxes = document.getElementsByName('marked[]');

  for(var i in checkboxes)

    checkboxes[i].checked = source.checked;

}

</script>

    <p>

        <input type="checkbox" onClick="toggle(this)" /> Select All

    </p> 
Run Code Online (Sandbox Code Playgroud)

谢谢,

约拿

javascript

0
推荐指数
1
解决办法
72
查看次数

在Javascript中舍入到2位小数

我有一个下拉列表,其值为2位小数.

<label for="delivery">Delivery:</label>
<select id="delivery" name="delivery">
    <option value="1.50">Fast</option>
    <option value="2.50">Medium</option>
    <option value="3.50">Slow</option>
</select>  
Run Code Online (Sandbox Code Playgroud)

我如何在Javascript中调用它,我知道我必须在下面的某行使用toFixed(2),但我不确定在哪里放它.

var delivery = parseInt($('#delivery').val());
Run Code Online (Sandbox Code Playgroud)

另外,我会将它放在输出或计算中的div中,还是两者兼而有之?

约拿

javascript

0
推荐指数
1
解决办法
121
查看次数

标签 统计

javascript ×2

jquery-ui ×2

css ×1

jquery ×1