0

私はこの JQueryプラグインを使用しており、プラグイン ファイルから変更するのではなく、プラグインの構成を動的にロードできるようにしたいと考えています。プラグインのオプションは次のとおりです。

        $.Slitslider.defaults = {
            // transitions speed
            speed : 800,
            // if true the item's slices will also animate the opacity value
            optOpacity : false,
            // amount (%) to translate both slices - adjust as necessary
            translateFactor : 230,
            // maximum possible angle
            maxAngle : 25,
            // maximum possible scale
            maxScale : 2,
            // slideshow on / off
            autoplay : false,
            // keyboard navigation
            keyboard : true,
            // time between transitions
            interval : 4000,
            // callbacks
            onBeforeChange : function( slide, idx ) { return false; },
            onAfterChange : function( slide, idx ) { return false; }
    };

彼らのデモファイルで、彼らはこのコードを与えます:

 <script type="text/javascript">        
                    $(function() {

                            var Page = (function() {

                                    var $nav = $( '#nav-dots > span' ),
                                            slitslider = $( '#slider' ).slitslider( {
                                                    onBeforeChange : function( slide, pos ) {

                                                            $nav.removeClass( 'nav-dot-current' );
                                                            $nav.eq( pos ).addClass( 'nav-dot-current' );

                                                    }
                                            } ),

                                            init = function() {

                                                    initEvents();

                                            },
                                            initEvents = function() {

                                                    $nav.each( function( i ) {

                                                            $( this ).on( 'click', function( event ) {

                                                                    var $dot = $( this );

                                                                    if( !slitslider.isActive() ) {

                                                                            $nav.removeClass( 'nav-dot-current' );
                                                                            $dot.addClass( 'nav-dot-current' );

                                                                    }

                                                                    slitslider.jump( i + 1 );
                                                                    return false;

                                                            } );

                                                    } );

                                            };

                                            return { init : init };

                            })();

                            Page.init();


                    });
            </script>

したがって、プラグインの構成をphpファイルから動的にロードできるようにしたいだけです。私が見つけた唯一の解決策は、プラグインファイル自体からオプションを変更することです。そのため、すべてのファイルをscript htmlタグでロードする必要があります。 phpファイルから!これは悪い解決策だと思います。確かに、よりクリーンな解決策があります

ありがとうございました

4

1 に答える 1

0

私は解決策を見つけました:

        <script type="text/javascript"> 
        $(function() {

            var Page = (function() {

                var $nav = $( '#nav-dots > span' ),
                    slitslider = $( '#slider' ).slitslider( {
                        onBeforeChange : function( slide, pos ) {

                            $nav.removeClass( 'nav-dot-current' );
                            $nav.eq( pos ).addClass( 'nav-dot-current' );

                        },

                        autoplay : true,

                        /* parameters goes here */
                    } ),
......
</script>
于 2013-10-25T22:58:41.470 に答える