How to add the js to my wp theme? I do not understand cuz i need to add this JavaScript to my Top Navigation WP Menu
The Javascript part is: Code: // initialize Masonry var $container = $('#masonryContainer'); $container.multipleFilterMasonry({ itemSelector: '.challenge', filtersGroupSelector:'.filters' }); The filtersGroupSelector is the container into which the script search for checkboxes. For every input[type=checkbox] found, it will be attached an onclick event that will trigger the filtering. The value of checkboxes will be matched on the class of every masonry elements. The html fiter part is: HTML: <div class="btn-toolbar filters"> <div data-toggle="buttons" class="btn-group"> <label class="btn btn-default"> <input type="checkbox" value="Matematica" > Matematica </label> <label class="btn btn-default"> <input type="checkbox" value="Scienza" > Scienza </label> <label class="btn btn-default"> <input type="checkbox" value="Letteratura" > Letteratura </label> </div> <div data-toggle="buttons" class="btn-group"> <label class="btn btn-default"> <input type="checkbox" value="mine" > Mine </label> </div> </div> ... and the masonry items... <div id="masonryContainer" class="row" > <div class="Letteratura challenge col-lg-3 col-md-4 col-sm-6 col-xs-12 mine" > <h3>Calcolo del Pi Greco</h3> </div> <div class="Matematica Scienza challenge col-lg-3 col-md-4 col-sm-6 col-xs-12 mine" > <h3>Quadratura cerchio</h3> </div> ... </div>
Hello, Please check this link - http://wordpress.stackexchange.com/questions/153018/add-javascript-to-wordpress-menu
Hey, Add a custom menu item, link it to nowhere or anywhere. Find out the menu item ID (every item has one), and then target that ID with jQuery. Code: $("#menu-item-num").on("click", function(e){ e.preventDefault(); // olark code here }); This way, every time a user clicks on that menu-item the script above will be triggered. You can enqueue the jquery script via functions.php.