• 11-02-2016, 22:48:38
    #1
    merhaba,

    kullandığım temada sadece küçük ekran modlarında görünen menü butonu için jquery kullanılıyor yaklaşık 100kb script sadece bu iş için..





    jquery kütüphanesi kullanan kısa bir kod var

    /*----------------------------------------------------
    /* Responsive Navigation
    /*--------------------------------------------------*/
    jQuery(function() {
    	var pull 		= jQuery('#pull');
    		menu 		= jQuery('nav > ul');
    		menuHeight	= menu.height();
    	jQuery(pull).on('click', function(e) {
    		e.preventDefault();
    		menu.slideToggle();
    	});
    });

    stil kodları;

    nav a#pull {display: block;width: 100%;position: relative;color: #fff;padding: 10px 0;text-indent: 3%;overflow: hidden;max-width: 100%;border: 0;}
    nav a#pull:after {content: "";background: url(images/nav-icon.png) no-repeat;width: 30px;height: 30px;display: inline-block;position: absolute;right: 3%;top: 10px;}

    acaba bu iş için alternatif bir script kullanılabilir mi? veya jquery kütüphanesinde sadece """Responsive Navigation"" kodlarının kullandığı kısmı ayıklayabilirmiyiz ?
  • 13-02-2016, 18:47:10
    #2
    jQuery'i minify edilmiş haliyle değiştirin.

    http://code.jquery.com/jquery-2.2.0.min.js

    Bu versiyon 32 kb.