0

Codrops スライダーのページネーションの概念に触発されたこのスクリプトを作成しましたhttp://tympanus.net/codrops/2012/12/21/slider-pagination-concept/スライダー で取得した値を入力に入れたいですdiv#preview の代わりにフィールド値 (つまり )。どのようにできるのか ？ありがとう

K D

<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>

JQUERY

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