jquery - Best way to have a javascript load only on desktop version of site? -


i have javascript (jquery) running on wordpress site. want script load if screen width under 1024 pixels.

the reason because has how top navigation menu functions. want script load when screen width under 1024 pixels, because under going have different menu style / functionality.

naturally have plenty of media queries in css file change design @ min-width: 1024px.

i've found several ways this, i'm trying determine best way be.

here copy of current javascript file:

function accordion_menus(){  // if not on mobile (menu icon hidden) show sub items , bail console.log('debug: start'); if ( jquery('#primary-navigation .menu-toggle').is(':hidden') ){      console.log('debug: yes, hidden');     // show sub menus     $('#primary-navigation ul.nav-menu ul.sub-menu').show();     return; } else{     // hide sub menus     $('#primary-navigation ul.nav-menu ul.sub-menu').hide(); }  // top level nav click function $('#primary-navigation ul.nav-menu > li > a').click(function(e){  // store parent li variable var parent_li = $(this).parent('li');  // if sub menu not exist in parent li if ( !$('ul.sub-menu', parent_li).first().length ) {     return; }  // if sub menu active, bail if ( parent_li.hasclass('sub-menu-active') ){         parent_li.find('ul').slideup(100, function(parent_li){ });             parent_li.removeclass('sub-menu-active');           return false; }  // stop link click e.preventdefault();  // store current sub menu in variable var current_submenu = $('ul.sub-menu', parent_li).first();  // slide non-current sub menus $('#primary-navigation').find('ul.sub-menu').not(current_submenu).slideup(function(parent_li){      // remove sub-menu-active class first level items except current parent li     $('#primary-navigation').find('li').not(parent_li).removeclass('sub-menu-active');  });  // slide down current sub menu current_submenu.slidedown(100, function(){     // add sub-menu-active current parent li     parent_li.addclass('sub-menu-active'); });  });  // second level nav click function jquery('#primary-navigation ul.nav-menu ul.sub-menu > li > a').click(function(e){  // store parent li variable var parent_li = jquery(this).parent('li');  // if sub menu not exist in parent li if ( !jquery('ul.sub-menu', parent_li).first().length ) {     return; }  // if sub menu active, bail if ( parent_li.hasclass('sub-menu-active') ){                 parent_li.find('ul').slideup(100, function(){      // remove sub-menu-active class first level items except current parent li });         parent_li.removeclass('sub-menu-active');          return false; }  // stop link click e.preventdefault();  // store current sub menu in variable var current_submenu = jquery('ul.sub-menu', parent_li).first();  // slide non-current sub menus jquery('#primary-navigation ul.nav-menu ul.sub-menu > li > ul.sub-menu').not(current_submenu).slideup(function(){      // remove sub-menu-active class second level items except current parent li     jquery('#primary-navigation ul.nav-menu ul.sub-menu > li').not(parent_li).removeclass('sub-menu-active');  });  // slide down current sub menu current_submenu.slidedown(100, function(){     // add sub-menu-active current parent li     parent_li.addclass('sub-menu-active'); });  });  }  // load menu accordion on doc ready jquery(document).ready(function($) { accordion_menus(); });  // load menu accordion on window resize jquery(window).resize(function(){ accordion_menus(); }); 

jquery(document).ready(function(){     function resizeform(){         var width = (window.innerwidth > 0) ? window.innerwidth : document.documentelement.clientwidth;         if(width > 1024){          } else {          }         }     window.onresize = resizeform;     resizeform(); });

i've used alot. rerun js on each window resize. if don't want that, remove window.onresize = resizeform;. should work in browsers hence width.innerwidth check.


Comments

Post a Comment

Popular posts from this blog

powershell Start-Process exit code -1073741502 when used with Credential from a windows service environment -

i'm running strange behavior powershell start-process call. here call: $process = start-process ` "c:\somepath\mybinary.exe" ` -passthru ` -credential $defaultcredential ` -wait ` -workingdirectory "c:\somepath" ` -loaduserprofile if ($process.exitcode -ne 0) { #do } this call return exit code - 1073741502 . after quick search, exit code seems related generic error when program not load required dll (aka. status_dll_init_failed ). when run without -credential $credential program runs correctly. in order isolate problem, manually launched some.exe in prompt target credential , runs smoothly. so problem seems come way start-process cmdlet launch process. i found potential solutions problem tried apply no luck : link , link . would have idea of what's going on here ? edit 1: run proc mon monitoring program activities when launched directly or via powershell script. problem seems occur when loading kernelbase
Read more

twig - Using Twigbridge in a Laravel 5.1 Package -

i'm trying create laravel 5.1 package uses twigbridge instead of .php views. can normal .php views display fine, when try make use of .twig templates i'm met error. possible use twigbridge templates when creating views laravel package or pretty stuck blade , php ? edit 1: loading twig template without extending works. it's when start using {% extends 'file' %} error comes out. i error error loading /virtual/laravel/packages/username/mypackage/src/views/sample.twig: template "templates.master" not defined () in "/virtual/laravel/packages/username/mypackage/src/views/sample.twig" @ line 1. my folders username |_ mypackage |_ src |_ controllers - samplecontroller.php |_ views |_ templates - master.twig - sample.twig twig template sample.twig {% extends 'templates.master' %} {% block content %} {{ parent()
Read more

c# - LINQ join Entities from HashSet's, Join vs Dictionary vs HashSet performance -

i have hashset's each stores t, have written test application compares different relation algorithms can think of, i'm not pleased results getting. does there exist more efficient ways of achieving object relations, once testing? using system; using system.collections.generic; using system.linq; using system.text; using system.threading.tasks; using system.diagnostics; namespace linqtests { class program { static void main(string[] args) { hashset<user> usertable = new hashset<user>(); hashset<userproperty> userpropertytable = new hashset<userproperty>(); #region lets create dummy data. console.writeline("please wait while creating dummy data, can take while..."); console.writeline(""); int rows = 1000000; for(int x = 0; x < rows; x++) { random rnd = new random(); // ad
Read more