Question

我有一个需要帮助更改的滑块，当我滑动滑块时，该值应该出现在滑块上方。

这是我的滑块/值： http://gyazo.com/342b1592d5d175b7321efb36cbc2424c

我的滑块值也应该是滑块的第一个值而不是0。

JavaScript的：

$(function() {
    var valMap = [0, 6500, 14000, 28000, 50000];
    $( ".slider.gems" ).slider({
        max: valMap.length - 1,
        slide: function(event, ui) {
            $(".number.gems").text(ui.value);
            $(".number.gems" ).text(valMap[ui.value]);
        }
    });
    $( ".number.gems" ).text( $( ".slider.gems" ).slider( "value" ) );
});

Answer 1

你可以做这样的事。将滑块的

<form action="javascript:void(0);">
    <input id="input1" type="text">
    <input type="submit" style="display:none;">
</form>
<script>
document.getElementById('input1').addEventListener('keyup',function(e){
    if (e.which == 13) this.blur();
});
</script>

值设置为1，并为

import os
import logging

current_path = os.path.dirname(os.path.realpath(__file__))

logger = logging.getLogger('simple_example')
logger.setLevel(logging.DEBUG)

#to log debug messages                               
debug_log = logging.FileHandler(os.path.join(current_path, 'debug.log'))
debug_log.setLevel(logging.DEBUG)

#to log errors
errror_log = logging.FileHandler(os.path.join(current_path, 'error.log'))
errror_log.setLevel(logging.ERROR)

logger.addHandler(debug_log)
logger.addHandler(errror_log)

logger.debug('This message should go in the debug log')
logger.info('and so should this message')
logger.warning('and this message')
logger.error('This message should go in both the debug log and the error log')

和min事件创建事件处理程序，以更新滑块值

这是html

slide

这里有你的js应该是什么样的

create

以及你的css应该如何

<div style='padding: 5px;'>
    <div id="gems"></div>
</div>

这是一个有效的 JSFIDDLE 。

滑块上方的jQuery滑块值

1 个答案: