0

我有这个脚本,灵感来自 codrops 滑块分页概念http://tympanus.net/codrops/2012/12/21/slider-pagination-concept/ 我想将滑块获得的值放入输入字段值(即)而不是进入 div#preview。我能怎么做 ?谢谢

KD

<div class="container"> 
            <div id="preview" type="text" class="preview">0</div>

            <div id="slider" class="sp-slider-wrapper">
            </div>

    </div><!-- /container -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
    <script src="js/jquery.ui.touch-punch.min.js"></script>
    <script src="js/jquery.pagination.js"></script>
    <script>
        $(function() {
            var $update = $( '#preview' );
            $( "#slider" ).pagination( {
                total : 12,
                onChange : function( value ) {
                    $update.text( value );
                }
            } );
        });
    </script>
4

1 回答 1

0

利用val()

 $('#yourInputID').val(value);

HTML

<div class="container"> 
        <div id="preview" type="text" class="preview">0</div>
        <div id="slider" class="sp-slider-wrapper"></div>
        <input id="test" value=""/> <--- input here
</div>

查询

$(function() {
        var $update = $( '#preview' );
        $( "#slider" ).pagination( {
            total : 12,
            onChange : function( value ) {
                $('#test').val(value);
            }
        } );
    });
于 2013-02-20T13:36:37.633 回答