Javascript 动态加载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>

$（函数（）{
变量页=（函数（）{
var$nav=$（“#nav dots>span”），
滑动滑块=$（“#滑块”）。滑动滑块（{
onBeforeChange:功能（幻灯片、pos）{
$nav.removeClass（'nav dot current'）；
$nav.eq（pos.addClass）（“导航点电流”）；
}
} ),
init=函数（）{
initEvents（）；
},
initEvents=函数（）{
$nav.每个（功能（i）{
$（此）.on（'click'，函数（事件）{
var$dot=$（此）；
如果（！slitslider.isActive（））{
$nav.removeClass（'nav dot current'）；
$dot.addClass（'nav dot current'）；
}
滑翔机跳跃（i+1）；
返回false；
} );
} );
};
返回{init:init}；
})();
Page.init（）；
});

所以我只想能够从php文件中动态加载插件的配置，我找到的唯一解决方案是更改插件文件中的选项，所以我需要从php文件中加载所有带有脚本html标记的文件！我认为这是一个糟糕的解决方案，当然还有一个更干净的解决方案

---

谢谢

我找到了解决方案：

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

$（函数（）{
变量页=（函数（）{
var$nav=$（“#nav dots>span”），
滑动滑块=$（“#滑块”）。滑动滑块（{
onBeforeChange:功能（幻灯片、pos）{
$nav.removeClass（'nav dot current'）；
$nav.eq（pos.addClass）（“导航点电流”）；
},
自动播放：对，
/*参数在这里*/
} ),
......