{"id":81774,"date":"2025-06-17T02:38:07","date_gmt":"2025-06-17T02:38:07","guid":{"rendered":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/17\/magnet-javascript-library-and-jquery-plugin-to-create-filterable-and-sortable-layouts\/"},"modified":"2025-06-17T02:39:08","modified_gmt":"2025-06-17T02:39:08","slug":"magnet-javascript-library-and-jquery-plugin-to-create-filterable-and-sortable-layouts","status":"publish","type":"post","link":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/17\/magnet-javascript-library-and-jquery-plugin-to-create-filterable-and-sortable-layouts\/","title":{"rendered":"Magnet &#8211; JavaScript Library and jQuery Plugin to Create Filterable and Sortable Layouts"},"content":{"rendered":"<a href=\"https:\/\/go.fiverr.com\/visit\/?bta=1052423&nci=17043\" Target=\"_Top\"><img loading=\"lazy\" decoding=\"async\" border=\"0\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/fiverr.ck-cdn.com\/tn\/serve\/?cid=40081059\"  width=\"601\" height=\"201\"><\/a>\n<\/p>\n<p><a class=\"wp_automatic_demo_btn\" target=\"_blank\" href=\"https:\/\/1.envato.market\/c\/2840012\/950273\/4415?u=https%3A%2F%2Fcodecanyon.net%2Fitem%2Fmagnet-gapless-filterable-and-sortable-layouts%2Ffull_screen_preview%2F7550966\">LIVE PREVIEW<\/a><a class=\"wp_automatic_buy_btn\" target=\"_blank\" href=\"https:\/\/1.envato.market\/c\/2840012\/950273\/4415?u=https%3A%2F%2Fcodecanyon.net%2Fitem%2Fmagnet-gapless-filterable-and-sortable-layouts%2F7550966\">BUY FOR $8<\/a><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/previews.customer.envatousercontent.com\/files\/304169392\/preview590x300.png\"><\/p>\n<p><a href=\"https:\/\/jonpariente.github.io\/docs\/magnet\/getting-started\" rel=\"nofollow\"><br \/>\n<\/a><\/p>\n<p>Magnet is a vanilla JavaScript library and a jQuery plugin to create gapless, filterable and sortable layouts.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/github.com\/jonpariente\/jonpariente.github.io\/blob\/3db919ed9ccc359cb2fe57c3f9cb28f2388c13c9\/assets\/img\/magnet-features.png\" alt=\"Magnet - JavaScript Library and jQuery Plugin to Create Filterable and Sortable Layouts - 1\" \/><\/p>\n<h2 id=\"item-description__new-in-magnet-2\">New in Magnet 2<\/h2>\n<ul>\n<li>Eliminated jQuery dependency. Magnet has been rewritten in Vanilla JavaScript.<\/li>\n<li>A bin- packing algorithm to create gapless layouts for &#8216;grid&#8217; format mode.<\/li>\n<li>A brand new format mode &#8216;grid&#8217; that replaces &#8216;masonry&#8217; and &#8216;tiles&#8217;, creating gapless layouts that may be stuffed from left to proper or high to backside.\n  <\/li>\n<li>Sorting.<\/li>\n<li>Magnet now emits customized occasions.<\/li>\n<li>New strategies that reach Magnet&#8217;s performance.<\/li>\n<li>Extra choices for a deeper customization.<\/li>\n<\/ul>\n<h2 id=\"item-description__version-control\">Model Management<\/h2>\n<p><code>Model 2.0.3.<br \/>\n- Mounted: An error that precipitated the plugin to be unable to get objects' kind information, subsequently sorting was bugged in some circumstances.<\/p>\n<p>Model 2.0.2.<br \/>\n- Mounted: A bug that was inflicting an error when initializing the plugin with JavaScript underneath sure circumstances, This has been mounted in order that the error now not exists, permitting to initialize with JavaScript usually.<br \/>\n- Mounted: A bug when getting the precise measurement of a component if it was set in %. These values have been rounded as a substitute of staying as a floating level quantity, inflicting layouts to interrupt if components have been rendered in sub-pixels. This has been corrected in order that tthe measurement obtained stays as a floating level quantity.<\/p>\n<p>Model 2.0.1.<br \/>\n- Mounted: A bug associated to Occasion constructor that was inflicting the plugin to not work in IE11.<br \/>\n- Mounted: A bug that precipitated take away methodology to not take away objects for sure arguments sorts handed.<br \/>\n- Up to date: Documentation to 2.0.1.<\/p>\n<p>Model 2.0.0.<br \/>\n- Added: 'grid' format mode.<br \/>\n- Added: Sorting.<br \/>\n- Added: Occasions.<br \/>\n- Added: New strategies.<br \/>\n- Added: New choices.<br \/>\n- Eliminated: 'masonry', 'tiled' and 'static' format modes.<br \/>\n- Up to date: Documentation to 2.0.0.<\/p>\n<p>Model 1.3.0.<br \/>\n- Up to date: Documentation to 1.3.0.<br \/>\n- Added: Static format mode.<br \/>\n- Added: Strategies.<br \/>\n- Mounted: A bug that precipitated objects to not disguise when a filter was set through plugin choices.<\/p>\n<p>Model 1.2.1.<br \/>\n- Mounted: Challenge with masonry format mode. When first merchandise of the row was increased than the remainder of the objects in that row, there have been white areas beneath this objects, subsequent row wasn't positioned on the appropriate peak.<\/p>\n<p>Model 1.2.0.<br \/>\n- Up to date: Documentation to 1.2.0 model.<br \/>\n- Added: New animation sorts. There are 5 completely different animations that set off when filtering happens. This may be set in choices.<br \/>\n- Added: animationType possibility.<br \/>\n- Modified: Animation on plugin initialitation is eliminated.<br \/>\n- Modified: Manner of getting the width worth launched in 1.1.1 model. Resulting from adjustments made to get objects' measurement each time the window resizes, this methodology was inflicting a battle when a filter was clicked.<br \/>\n- Mounted: Challenge on masonry format mode on window resize. This mode and tiled mode have been improved.<br \/>\n- Mounted: Challenge when objects resized on window resize. This measurement was anticipated to be the identical as on initialization. Now this values are get each time window resizes.<\/p>\n<p>Model 1.1.2.<br \/>\n- Up to date: Documentation with new format mode.<br \/>\n- Mounted: Small concern when getting actual container width on initialization.<br \/>\n- Added: New format mode (tiled).<\/p>\n<p>Model 1.1.1.<br \/>\n- Mounted: Challenge when getting the worth of the width set in % of a component. jQuery acquired this worth but it surely rounded to an integer inflicting format breaks in some circumstances. Now, this worth is returned as a float.<\/p>\n<p>Model 1.1.0.<br \/>\n- Up to date: Documentation with new possibility and a dwell demo within the footer<br \/>\n- Mounted: Incorrect path on linked js in instance<br \/>\n- Mounted: Minor bug setting a clicked filter as energetic<br \/>\n- Mounted: Minor bug when getting a filter on click on occasion<br \/>\n- Added: New possibility gutter<\/p>\n<p>Model 1.0.0.<br \/>\n- Launched<br \/>\n<\/code><br \/>\n<br \/>\n<iframe data-lazy=\"true\" data-src=\"https:\/\/www.fiverr.com\/gig_widgets?id=U2FsdGVkX18x7XQvttUTrv1oEqmGNGTgvvCUiUoJ\/AP4z\/UyMz8lXGOLpu15jIMxBbTR0gmD5uBoFvhC4KWeALQRp3h\/X\/AwcVD0K8Wj9H\/ZzYKzcCNHosB9oS4SCJJFWiN85P9ICAc4OgCoE\/wHKIY7CDkf2\/DQ1vqGvk4smVe5cRDEmrLPCWi4FC8p40VUhSmWQ5udCm0zoJtorgWv3vbDQw0kKYkwn39ozAnQXDe+YvWMxkLFWA+O3TFwkJvdkIK+\/AUSnRssPKt5WHY0FhNOxnSPcLslEL4G4\/RfP95ve99U+kRnDy3X+KtzdQLY+u935ghON\/o3UE4IMv9oN6JX9RnxzL\/LRcOgnHigxStSGPKsZYtnz8RWNVT\/rOLAibqiWJadC5MYHRbekF3eg6FOGrQGkXYbsn0+a5aovnlLCbLwIqY9fcS17UX8J235iQ6cdmHNbrPeS84CMm34RA==&affiliate_id=1052423&strip_google_tagmanager=true\" loading=\"lazy\" data-with-title=\"true\" class=\"fiverr_nga_frame\" frameborder=\"0\" height=\"350\" width=\"100%\" referrerpolicy=\"no-referrer-when-downgrade\" data-mode=\"random_gigs\" onload=\" var frame = this; var script = document.createElement('script'); script.addEventListener('load', function() { window.FW_SDK.register(frame); }); script.setAttribute('src', 'https:\/\/www.fiverr.com\/gig_widgets\/sdk'); document.body.appendChild(script); \" ><\/iframe>\n<br \/>\n<a href=\"https:\/\/1.envato.market\/c\/2840012\/950273\/4415?u=https%3A%2F%2Fcodecanyon.net%2Fitem%2Fmagnet-gapless-filterable-and-sortable-layouts%2F7550966\">Source<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>LIVE PREVIEWBUY FOR $8 Magnet is a vanilla JavaScript library and a jQuery plugin to create gapless, filterable and sortable layouts. New in Magnet 2&#8230;<\/p>\n","protected":false},"author":1,"featured_media":81775,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[6564,1967,15180,5130,1608,2897,9983,6648,3956,15181,597,454,15182],"class_list":["post-81774","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-codes","tag-filter","tag-gallery","tag-gapless","tag-grid","tag-javascript","tag-jquery","tag-js","tag-layout","tag-library","tag-magnet","tag-plugin","tag-portfolio","tag-sort"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Magnet - JavaScript Library and jQuery Plugin to Create Filterable and Sortable Layouts - mailinvest.blog<\/title>\n<meta name=\"description\" content=\"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what&#039;s new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mailinvest.blog\/index.php\/2025\/06\/17\/magnet-javascript-library-and-jquery-plugin-to-create-filterable-and-sortable-layouts\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Magnet - JavaScript Library and jQuery Plugin to Create Filterable and Sortable Layouts - mailinvest.blog\" \/>\n<meta property=\"og:description\" content=\"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what&#039;s new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mailinvest.blog\/index.php\/2025\/06\/17\/magnet-javascript-library-and-jquery-plugin-to-create-filterable-and-sortable-layouts\/\" \/>\n<meta property=\"og:site_name\" content=\"mailinvest.blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/freelanceracademic\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-06-17T02:38:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-17T02:39:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/06\/preview590x300.png\" \/>\n\t<meta property=\"og:image:width\" content=\"590\" \/>\n\t<meta property=\"og:image:height\" content=\"300\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"admin@mailinvest.blog\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin@mailinvest.blog\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/17\\\/magnet-javascript-library-and-jquery-plugin-to-create-filterable-and-sortable-layouts\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/17\\\/magnet-javascript-library-and-jquery-plugin-to-create-filterable-and-sortable-layouts\\\/\"},\"author\":{\"name\":\"admin@mailinvest.blog\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#\\\/schema\\\/person\\\/012701c4c204d4e4ebd34f926cfd31a4\"},\"headline\":\"Magnet &#8211; JavaScript Library and jQuery Plugin to Create Filterable and Sortable Layouts\",\"datePublished\":\"2025-06-17T02:38:07+00:00\",\"dateModified\":\"2025-06-17T02:39:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/17\\\/magnet-javascript-library-and-jquery-plugin-to-create-filterable-and-sortable-layouts\\\/\"},\"wordCount\":109,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/17\\\/magnet-javascript-library-and-jquery-plugin-to-create-filterable-and-sortable-layouts\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/preview590x300.png\",\"keywords\":[\"filter\",\"gallery\",\"gapless\",\"grid\",\"javascript\",\"jquery\",\"js\",\"layout\",\"library\",\"magnet\",\"plugin\",\"portfolio\",\"sort\"],\"articleSection\":[\"Code's\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/17\\\/magnet-javascript-library-and-jquery-plugin-to-create-filterable-and-sortable-layouts\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/17\\\/magnet-javascript-library-and-jquery-plugin-to-create-filterable-and-sortable-layouts\\\/\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/17\\\/magnet-javascript-library-and-jquery-plugin-to-create-filterable-and-sortable-layouts\\\/\",\"name\":\"Magnet - JavaScript Library and jQuery Plugin to Create Filterable and Sortable Layouts - mailinvest.blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/17\\\/magnet-javascript-library-and-jquery-plugin-to-create-filterable-and-sortable-layouts\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/17\\\/magnet-javascript-library-and-jquery-plugin-to-create-filterable-and-sortable-layouts\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/preview590x300.png\",\"datePublished\":\"2025-06-17T02:38:07+00:00\",\"dateModified\":\"2025-06-17T02:39:08+00:00\",\"description\":\"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what's new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/17\\\/magnet-javascript-library-and-jquery-plugin-to-create-filterable-and-sortable-layouts\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/17\\\/magnet-javascript-library-and-jquery-plugin-to-create-filterable-and-sortable-layouts\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/17\\\/magnet-javascript-library-and-jquery-plugin-to-create-filterable-and-sortable-layouts\\\/#primaryimage\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/preview590x300.png\",\"contentUrl\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/preview590x300.png\",\"width\":590,\"height\":300},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/17\\\/magnet-javascript-library-and-jquery-plugin-to-create-filterable-and-sortable-layouts\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mailinvest.blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Magnet &#8211; JavaScript Library and jQuery Plugin to Create Filterable and Sortable Layouts\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#website\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/\",\"name\":\"mailinvest.blog\",\"description\":\"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis. mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what&#039;s new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.\",\"publisher\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/mailinvest.blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#organization\",\"name\":\"mailinvest\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/default.png\",\"contentUrl\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/default.png\",\"width\":1000,\"height\":1000,\"caption\":\"mailinvest\"},\"image\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/freelanceracademic\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#\\\/schema\\\/person\\\/012701c4c204d4e4ebd34f926cfd31a4\",\"name\":\"admin@mailinvest.blog\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g\",\"caption\":\"admin@mailinvest.blog\"},\"sameAs\":[\"https:\\\/\\\/mailinvest.blog\",\"admin@mailinvest.blog\"],\"url\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/author\\\/adminmailinvest-blog\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Magnet - JavaScript Library and jQuery Plugin to Create Filterable and Sortable Layouts - mailinvest.blog","description":"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what's new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/17\/magnet-javascript-library-and-jquery-plugin-to-create-filterable-and-sortable-layouts\/","og_locale":"en_US","og_type":"article","og_title":"Magnet - JavaScript Library and jQuery Plugin to Create Filterable and Sortable Layouts - mailinvest.blog","og_description":"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what's new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.","og_url":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/17\/magnet-javascript-library-and-jquery-plugin-to-create-filterable-and-sortable-layouts\/","og_site_name":"mailinvest.blog","article_publisher":"https:\/\/www.facebook.com\/freelanceracademic\/","article_published_time":"2025-06-17T02:38:07+00:00","article_modified_time":"2025-06-17T02:39:08+00:00","og_image":[{"width":590,"height":300,"url":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/06\/preview590x300.png","type":"image\/png"}],"author":"admin@mailinvest.blog","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin@mailinvest.blog","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/17\/magnet-javascript-library-and-jquery-plugin-to-create-filterable-and-sortable-layouts\/#article","isPartOf":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/17\/magnet-javascript-library-and-jquery-plugin-to-create-filterable-and-sortable-layouts\/"},"author":{"name":"admin@mailinvest.blog","@id":"https:\/\/mailinvest.blog\/#\/schema\/person\/012701c4c204d4e4ebd34f926cfd31a4"},"headline":"Magnet &#8211; JavaScript Library and jQuery Plugin to Create Filterable and Sortable Layouts","datePublished":"2025-06-17T02:38:07+00:00","dateModified":"2025-06-17T02:39:08+00:00","mainEntityOfPage":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/17\/magnet-javascript-library-and-jquery-plugin-to-create-filterable-and-sortable-layouts\/"},"wordCount":109,"commentCount":0,"publisher":{"@id":"https:\/\/mailinvest.blog\/#organization"},"image":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/17\/magnet-javascript-library-and-jquery-plugin-to-create-filterable-and-sortable-layouts\/#primaryimage"},"thumbnailUrl":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/06\/preview590x300.png","keywords":["filter","gallery","gapless","grid","javascript","jquery","js","layout","library","magnet","plugin","portfolio","sort"],"articleSection":["Code's"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/mailinvest.blog\/index.php\/2025\/06\/17\/magnet-javascript-library-and-jquery-plugin-to-create-filterable-and-sortable-layouts\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/17\/magnet-javascript-library-and-jquery-plugin-to-create-filterable-and-sortable-layouts\/","url":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/17\/magnet-javascript-library-and-jquery-plugin-to-create-filterable-and-sortable-layouts\/","name":"Magnet - JavaScript Library and jQuery Plugin to Create Filterable and Sortable Layouts - mailinvest.blog","isPartOf":{"@id":"https:\/\/mailinvest.blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/17\/magnet-javascript-library-and-jquery-plugin-to-create-filterable-and-sortable-layouts\/#primaryimage"},"image":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/17\/magnet-javascript-library-and-jquery-plugin-to-create-filterable-and-sortable-layouts\/#primaryimage"},"thumbnailUrl":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/06\/preview590x300.png","datePublished":"2025-06-17T02:38:07+00:00","dateModified":"2025-06-17T02:39:08+00:00","description":"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what's new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.","breadcrumb":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/17\/magnet-javascript-library-and-jquery-plugin-to-create-filterable-and-sortable-layouts\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mailinvest.blog\/index.php\/2025\/06\/17\/magnet-javascript-library-and-jquery-plugin-to-create-filterable-and-sortable-layouts\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/17\/magnet-javascript-library-and-jquery-plugin-to-create-filterable-and-sortable-layouts\/#primaryimage","url":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/06\/preview590x300.png","contentUrl":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/06\/preview590x300.png","width":590,"height":300},{"@type":"BreadcrumbList","@id":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/17\/magnet-javascript-library-and-jquery-plugin-to-create-filterable-and-sortable-layouts\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mailinvest.blog\/"},{"@type":"ListItem","position":2,"name":"Magnet &#8211; JavaScript Library and jQuery Plugin to Create Filterable and Sortable Layouts"}]},{"@type":"WebSite","@id":"https:\/\/mailinvest.blog\/#website","url":"https:\/\/mailinvest.blog\/","name":"mailinvest.blog","description":"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis. mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what&#039;s new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.","publisher":{"@id":"https:\/\/mailinvest.blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mailinvest.blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/mailinvest.blog\/#organization","name":"mailinvest","url":"https:\/\/mailinvest.blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mailinvest.blog\/#\/schema\/logo\/image\/","url":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2022\/01\/default.png","contentUrl":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2022\/01\/default.png","width":1000,"height":1000,"caption":"mailinvest"},"image":{"@id":"https:\/\/mailinvest.blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/freelanceracademic\/"]},{"@type":"Person","@id":"https:\/\/mailinvest.blog\/#\/schema\/person\/012701c4c204d4e4ebd34f926cfd31a4","name":"admin@mailinvest.blog","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g","caption":"admin@mailinvest.blog"},"sameAs":["https:\/\/mailinvest.blog","admin@mailinvest.blog"],"url":"https:\/\/mailinvest.blog\/index.php\/author\/adminmailinvest-blog\/"}]}},"_links":{"self":[{"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/posts\/81774","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/comments?post=81774"}],"version-history":[{"count":1,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/posts\/81774\/revisions"}],"predecessor-version":[{"id":81776,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/posts\/81774\/revisions\/81776"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/media\/81775"}],"wp:attachment":[{"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/media?parent=81774"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/categories?post=81774"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/tags?post=81774"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}