如何编辑最小化的jQuery插件文件？

问题描述

| 我想编辑supersized.3.1.3.core.min.js文件。 这是代码（暂时放置在这里）：

(function(a){a(document).ready(function(){a(\"body\").prepend(\'<div id=\"supersized-loader\"></div>\').append(\'<div id=\"supersized\"></div>\')});a.supersized=function(b){var d={start_slide:1,vertical_center:0,horizontal_center:0,min_width:0,min_height:0,fit_portrait:0,fit_landscape:0,image_protect:1};var c=a(\"#supersized\");if(b){var b=a.extend(d,b)}else{var b=a.extend(d)}if(b.start_slide){var f=b.start_slide-1}else{var f=Math.floor(Math.random()*b.slides.length)}a(\"<img/>\").attr(\"src\",b.slides[f].image).appendTo(c);c.hide();a(document).ready(function(){e()});a(window).load(function(){a(\"#supersized-loader\").hide();c.fadeIn(\"fast\");e()});a(window).resize(function(){e()});function e(){return c.each(function(){var g=a(\"img\",c);a(g).each(function(){var i=(a(this).height()/a(this).width()).toFixed(2);thisSlide=a(this);var h=a(window).width();var k=a(window).height();var l;if((k<=b.min_height)&&(h<=b.min_width)){if((k/h)>i){b.fit_landscape&&i<=1?j(true):m(true)}else{b.fit_portrait&&i>1?m(true):j(true)}}else{if(h<=b.min_width){if((k/h)>i){b.fit_landscape&&i<=1?j(true):m()}else{b.fit_portrait&&i>1?m():j(true)}}else{if(k<=b.min_height){if((k/h)>i){b.fit_landscape&&i<=1?j():m(true)}else{b.fit_portrait&&i>1?m(true):j()}}else{if((k/h)>i){b.fit_landscape&&i<=1?j():m()}else{b.fit_portrait&&i>1?m():j()}}}}function j(n){if(n){if(thisSlide.width()<h||thisSlide.width()<b.min_width){if(thisSlide.width()*i>=b.min_height){thisSlide.width(b.min_width);thisSlide.height(thisSlide.width()*i)}else{m()}}}else{if(b.min_height>=k&&!b.fit_landscape){if(h*i>=b.min_height||(h*i>=b.min_height&&i<=1)){thisSlide.width(h);thisSlide.height(h*i)}else{if(i>1){thisSlide.height(b.min_height);thisSlide.width(thisSlide.height()/i)}else{if(thisSlide.width()<h){thisSlide.width(h);thisSlide.height(thisSlide.width()*i)}}}}else{thisSlide.width(h);thisSlide.height(h*i)}}}function m(n){if(n){if(thisSlide.height()<k){if(thisSlide.height()/i>=b.min_width){thisSlide.height(b.min_height);thisSlide.width(thisSlide.height()/i)}else{j(true)}}}else{if(b.min_width>=h){if(k/i>=b.min_width||i>1){thisSlide.height(k);thisSlide.width(k/i)}else{if(i<=1){thisSlide.width(b.min_width);thisSlide.height(thisSlide.width()*i)}}}else{thisSlide.height(k);thisSlide.width(k/i)}}}if(b.horizontal_center){a(this).css(\"left\",(h-a(this).width())/2)}if(b.vertical_center){a(this).css(\"top\",(k-a(this).height())/2)}});if(b.image_protect){a(\"img\",c).bind(\"contextmenu\",function(){return false});a(\"img\",c).bind(\"mousedown\",function(){return false})}return false})}}})(jQuery);

我想添加我的自定义代码行：

$(\'#content\').delay(\'fast\').fadeIn(\'slow\');

在此位内：

a(window).load(function(){a(\"#supersized-loader\").hide();c.fadeIn(\"fast\");e()});

使背景图片淡入后，#content div慢慢淡入。 我是在非最小化版本中执行此操作的，如下所示：

    $(window).load(function(){

            $(\'#supersized-loader\').hide();     //Hide loading animation
            element.fadeIn(\'fast\');             //Fade in background

            resizeNow();

$(\'#content\').delay(\'fast\').fadeIn(\'slow\'); //my bit of code

        });

–但是我非常想知道如何在最小化的代码中执行相同的操作。 我将不胜感激专家的意见！     

解决方法

        您可以只更改.js文件的非最低版本，然后使用几种Web工具之一将其打包备份。由于.min版本只是一个打包的完整.js文件，因此您应该一切顺利。 这是一个有用的网址：http://dean.edwards.name/packer/     ,        为什么不使用未最小化的代码，添加您的代码，测试所有内容以使您满意，然后再次最小化？ 当然，您可以简单地从插入片段中去除空格并将其插入，从而产生

a(window).load(function(){a(\"#supersized-loader\").hide();c.fadeIn(\"fast\");e();a(\'#content\').delay(\'fast\').fadeIn(\'slow\')});

假设

e()

是

resizenow()

，这是一个合理的猜测。     ,        你有没有尝试过

a(window).load(function(){a(\"#supersized-loader\").hide();c.fadeIn(\"fast\");$(\'#content\').delay(\'fast\').fadeIn(\'slow\');e()});

    ,        为什么不缩小已压缩的未压缩版本呢？ 有关如何操作的详细信息，请参见http://developer.yahoo.com/yui/compressor/。