CINXE.COM

The Role of CSOs for Scaling Up National and Regional Actions to Address Climate-Induced Loss & Damage - Knowledge Hub

<!DOCTYPE html><!-- Last Published: Wed Nov 06 2024 09:50:01 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="www.slycantrust.org" data-wf-page="63375274b7a5ae881cdb9ccd" data-wf-site="5b3a69d483119601a06f1b0a" data-wf-collection="63375274b7a5ae3234db9c7e" data-wf-item-slug="the-role-of-csos-for-scaling-up-national-and-regional-actions-to-address-climate-induced-loss-damage"><head><meta charset="utf-8"/><title>The Role of CSOs for Scaling Up National and Regional Actions to Address Climate-Induced Loss &amp; Damage - Knowledge Hub</title><meta content="Climate change affects livelihoods, lives, societies, and natural ecosystems in ways that exceed the limits of adaptation and overwhelm the coping capacities of vulnerable communities, groups, and countries. Treating loss &amp; damage (L&amp;D) as the third pillar of the Paris Agreement besides mitigation and adaptation is a key challenge for COP27 and beyond. It is important that all stakeholders push for enhanced recognition of L&amp;D in negotiations under the United Nations Framework Convention on Climate Change and commitments for tangible support including in the form of new and additional funding for L&amp;D, technical assistance, knowledge-sharing, and technology transfer." name="description"/><meta content="The Role of CSOs for Scaling Up National and Regional Actions to Address Climate-Induced Loss &amp; Damage - Knowledge Hub" property="og:title"/><meta content="Climate change affects livelihoods, lives, societies, and natural ecosystems in ways that exceed the limits of adaptation and overwhelm the coping capacities of vulnerable communities, groups, and countries. Treating loss &amp; damage (L&amp;D) as the third pillar of the Paris Agreement besides mitigation and adaptation is a key challenge for COP27 and beyond. It is important that all stakeholders push for enhanced recognition of L&amp;D in negotiations under the United Nations Framework Convention on Climate Change and commitments for tangible support including in the form of new and additional funding for L&amp;D, technical assistance, knowledge-sharing, and technology transfer." property="og:description"/><meta content="https://cdn.prod.website-files.com/5b51da3fef1d581864485ff5/624296a1c64a97ed8fe61f69_KH%20Thumbnail%2089%20-%20The%20Role%20of%20CSOs%20for%20Scaling%20Up%20National.png" property="og:image"/><meta content="The Role of CSOs for Scaling Up National and Regional Actions to Address Climate-Induced Loss &amp; Damage - Knowledge Hub" property="twitter:title"/><meta content="Climate change affects livelihoods, lives, societies, and natural ecosystems in ways that exceed the limits of adaptation and overwhelm the coping capacities of vulnerable communities, groups, and countries. Treating loss &amp; damage (L&amp;D) as the third pillar of the Paris Agreement besides mitigation and adaptation is a key challenge for COP27 and beyond. It is important that all stakeholders push for enhanced recognition of L&amp;D in negotiations under the United Nations Framework Convention on Climate Change and commitments for tangible support including in the form of new and additional funding for L&amp;D, technical assistance, knowledge-sharing, and technology transfer." property="twitter:description"/><meta content="https://cdn.prod.website-files.com/5b51da3fef1d581864485ff5/624296a1c64a97ed8fe61f69_KH%20Thumbnail%2089%20-%20The%20Role%20of%20CSOs%20for%20Scaling%20Up%20National.png" property="twitter:image"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="FguG8prg1zzLb2i6ejB-2PWrxu8mEsHoM6UGSdSIGUE" name="google-site-verification"/><link href="https://cdn.prod.website-files.com/5b3a69d483119601a06f1b0a/css/slycan.webflow.46c832a67.min.css" rel="stylesheet" type="text/css"/><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script><script type="text/javascript">WebFont.load({ google: { families: ["Varela:400","PT Sans:400,400italic,700,700italic","Merriweather:300,300italic,400,400italic,700,700italic,900,900italic","Bitter:400,700,400italic","Exo:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic","PT Serif:400,400italic,700,700italic","Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic","Open Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic","Ubuntu:300,300italic,400,400italic,500,500italic,700,700italic","Lato:100,100italic,300,300italic,400,400italic,700,700italic,900,900italic","Varela Round:400","Roboto Condensed:300,300italic,regular,italic,700,700italic","Roboto:300,regular,500,700"] }});</script><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/5b3a69d483119601a06f1b0a/639312ead6b1a34837f25bb9_favicon-32x32.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/5b3a69d483119601a06f1b0a/652932b6cd18e3e8b804cee4_SLYCAN_Trust.png" rel="apple-touch-icon"/><link href="rss.xml" rel="alternate" title="RSS Feed" type="application/rss+xml"/><script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-133906213-1"></script><script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', 'UA-133906213-1', {'anonymize_ip': false});</script><!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-N6FKK3D');</script> <!-- End Google Tag Manager --> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-4KFDREYSJN"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4KFDREYSJN'); </script> <script type='text/javascript' src='https://platform-api.sharethis.com/js/sharethis.js#property=5edd393519e2830012a191d7&product=sticky-share-buttons&cms=sop' async='async'></script> <script id="jetboost-script" type="text/javascript"> window.JETBOOST_SITE_ID = "ckeln5obqiv900708dtc7xtu4"; (function() { d = document; s = d.createElement("script"); s.src = "https://cdn.jetboost.io/jetboost.js"; s.async = 1; d.getElementsByTagName("head")[0].appendChild(s); })(); </script></head><body><div class="w-embed w-iframe"><!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N6FKK3D" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --></div><div><div data-collapse="medium" data-animation="default" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navbar-2 w-nav"><a href="/" class="w-nav-brand"><img src="https://cdn.prod.website-files.com/5b3a69d483119601a06f1b0a/638f05b80cb0555cf9a87e37_SLYCAN%20Trust%20-%20new%20branding.png" width="185" alt="" class="image-8"/></a><nav role="navigation" class="nav-menu-2 w-nav-menu"><a href="/knowledge-portal/home" class="navlink-2 w-nav-link">Home</a><a href="/knowledge-portal/about" class="navlink-2 w-nav-link">About</a><div data-hover="true" data-delay="0" class="dropdown-2 w-dropdown"><div class="dropdown-toggle w-dropdown-toggle"><div class="w-icon-dropdown-toggle"></div><div>Themes</div></div><nav class="dropdown-list-5 w-dropdown-list"><div class="text-block-27">Thematic Area</div><div class="w-dyn-list"><div role="list" class="w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/theme-knowledge/entrepreneurship" class="dropdown-link w-dropdown-link">Entrepreneurship</a></div><div role="listitem" class="w-dyn-item"><a href="/theme-knowledge/sustainable-development" class="dropdown-link w-dropdown-link">Sustainable Development</a></div><div role="listitem" class="w-dyn-item"><a href="/theme-knowledge/livelihood-development" class="dropdown-link w-dropdown-link">Livelihood Development</a></div><div role="listitem" class="w-dyn-item"><a href="/theme-knowledge/youth" class="dropdown-link w-dropdown-link">Youth</a></div><div role="listitem" class="w-dyn-item"><a href="/theme-knowledge/waste-management" class="dropdown-link w-dropdown-link">Waste Management</a></div><div role="listitem" class="w-dyn-item"><a href="/theme-knowledge/water-resources" class="dropdown-link w-dropdown-link">Water Resources</a></div><div role="listitem" class="w-dyn-item"><a href="/theme-knowledge/loss-and-damage" class="dropdown-link w-dropdown-link">Loss and Damage</a></div><div role="listitem" class="w-dyn-item"><a href="/theme-knowledge/human-settlements-and-infrastructure" class="dropdown-link w-dropdown-link">Human Settlements and Infrastructure</a></div><div role="listitem" class="w-dyn-item"><a href="/theme-knowledge/human-health" class="dropdown-link w-dropdown-link">Human Health</a></div><div role="listitem" class="w-dyn-item"><a href="/theme-knowledge/gender" class="dropdown-link w-dropdown-link">Gender</a></div><div role="listitem" class="w-dyn-item"><a href="/theme-knowledge/food-security" class="dropdown-link w-dropdown-link">Food Security</a></div><div role="listitem" class="w-dyn-item"><a href="/theme-knowledge/ecosystems-and-biodiversity" class="dropdown-link w-dropdown-link">Ecosystems and Biodiversity</a></div><div role="listitem" class="w-dyn-item"><a href="/theme-knowledge/just-transition" class="dropdown-link w-dropdown-link">Just Transition</a></div><div role="listitem" class="w-dyn-item"><a href="/theme-knowledge/human-mobility" class="dropdown-link w-dropdown-link">Human Mobility</a></div><div role="listitem" class="w-dyn-item"><a href="/theme-knowledge/climate-risk-and-disaster-risk-management" class="dropdown-link w-dropdown-link">Climate &amp; Disaster Risk Management</a></div><div role="listitem" class="w-dyn-item"><a href="/theme-knowledge/coastal-and-marine" class="dropdown-link w-dropdown-link">Coastal and Marine</a></div><div role="listitem" class="w-dyn-item"><a href="/theme-knowledge/adaptation-and-resilience" class="dropdown-link w-dropdown-link">Adaptation &amp; Resilience</a></div><div role="listitem" class="w-dyn-item"><a href="/theme-knowledge/climate-finance" class="dropdown-link w-dropdown-link">Climate Finance</a></div><div role="listitem" class="w-dyn-item"><a href="/theme-knowledge/capacity-building" class="dropdown-link w-dropdown-link">Capacity Building</a></div></div></div></nav></div><div data-hover="true" data-delay="0" class="dropdown-2 w-dropdown"><div class="dropdown-toggle w-dropdown-toggle"><div class="w-icon-dropdown-toggle"></div><div>Resources</div></div><nav class="dropdown-list-5-copy w-dropdown-list"><div class="text-block-27">Resource Types</div><div class="w-dyn-list"><div role="list" class="w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/resource-type-knowledge/information-note" class="dropdown-link w-dropdown-link">Information Note</a></div><div role="listitem" class="w-dyn-item"><a href="/resource-type-knowledge/newsletter" class="dropdown-link w-dropdown-link">Newsletter</a></div><div role="listitem" class="w-dyn-item"><a href="/resource-type-knowledge/multimedia" class="dropdown-link w-dropdown-link">Multimedia</a></div><div role="listitem" class="w-dyn-item"><a href="/resource-type-knowledge/research-and-technical-papers" class="dropdown-link w-dropdown-link">Research &amp; Technical Papers</a></div><div role="listitem" class="w-dyn-item"><a href="/resource-type-knowledge/report" class="dropdown-link w-dropdown-link">Reports</a></div><div role="listitem" class="w-dyn-item"><a href="/resource-type-knowledge/policy-brief" class="dropdown-link w-dropdown-link">Policy Brief</a></div><div role="listitem" class="w-dyn-item"><a href="/resource-type-knowledge/article" class="dropdown-link w-dropdown-link">Article</a></div><div role="listitem" class="w-dyn-item"><a href="/resource-type-knowledge/case-study" class="dropdown-link w-dropdown-link">Case Study</a></div></div></div></nav></div><a href="/knowledge-portal/webinars" class="navlink-2 w-nav-link">Webinars</a><a href="/knowledge-portal/blog" class="navlink-2 w-nav-link">Blog</a></nav><div class="menu-button-2 w-nav-button"><div class="icon-8 w-icon-nav-menu"></div></div></div></div><div class="section-13"><h1 class="heading-35">The Role of CSOs for Scaling Up National and Regional Actions to Address Climate-Induced Loss &amp; Damage</h1><h1 class="heading-56">February 11, 2022</h1><div class="div-block-110"><div class="div-block-108"><h1 class="heading-56">Resource Type</h1><h1 class="kh-meta-tags-content resource-type">Research &amp; Technical Papers</h1></div><div class="div-block-109 w-condition-invisible"><h1 class="heading-56">Language</h1><h1 class="kh-meta-tags-content resource-type w-dyn-bind-empty"></h1></div><div class="div-block-109"><h1 class="heading-56">Geographical Focus</h1><h1 class="kh-meta-tags-content resource-type">Global</h1></div></div><div class="div-block-36"><div class="text-block-29">Created On : </div><div class="crdate">February 11, 2022</div></div><div class="w-embed"><div class="sharethis-inline-share-buttons"></div></div><div class="div-block-106"><div class="w-row"><div class="w-col w-col-6"><div class="rich-text-block-3 w-richtext"><p>Climate change affects livelihoods, lives, societies, and natural ecosystems in ways that exceed the limits of adaptation and overwhelm the coping capacities of vulnerable communities, groups, and countries. Treating loss &amp; damage (L&amp;D) as the third pillar of the Paris Agreement besides mitigation and adaptation is a key challenge for COP27 and beyond. It is important that all stakeholders push for enhanced recognition of L&amp;D in negotiations under the United Nations Framework Convention on Climate Change and commitments for tangible support including in the form of new and additional funding for L&amp;D, technical assistance, knowledge-sharing, and technology transfer.<br/><br/>In the negotiations and actions to address climate-induced loss and damage, it is of vital importance that the needs of vulnerable communities and ecosystems of the developing countries are addressed. To this end, it is extremely important for developing countries to be able to engage effectively in the Warsaw International Mechanism for Loss and Damage associated with Climate Change Impacts, the Santiago Network for Loss and Damage, the Glasgow Dialogue, and other relevant processes and mechanisms to highlight their need to access and receive support including climate finance that addresses L&amp;D.<br/><br/>Civil society organizations are key stakeholders which can play a role in advocating for effective scaled-up support to address climate induced losses and damages; scaled-up, new and additional climate finance for L&amp;D; capacity-building and providing technical support for policy and actions related to addressing L&amp;D; enhancing awareness and empowering communities and those most vulnerable to climate change, contributing to long-term resilience to climate-induced losses and damages.</p><p><br/></p><p>This knowledge product was developed as part of activities conducted by Southern Voices on Adaptation and SLYCAN Trust focusing on climate change adaptation and loss &amp; damage needs and actions for enhanced engagement of civil society in climate action and resilience-building.</p><p><br/></p><p>‍</p></div></div><div class="column-20 w-col w-col-6"><div class="video-3 w-condition-invisible w-dyn-bind-empty w-video w-embed"></div><img loading="lazy" src="https://cdn.prod.website-files.com/5b51da3fef1d581864485ff5/6205841ec0726c41cdac08b6_Cover%20SVA%20Working%20Paper%20on%20The%20Role%20of%20CSOs%20for%20Addressing%20Loss%20%26%20Damage.png" alt="" width="344" sizes="(max-width: 479px) 87vw, (max-width: 767px) 67vw, (max-width: 991px) 38vw, 344px" srcset="https://cdn.prod.website-files.com/5b51da3fef1d581864485ff5/6205841ec0726c41cdac08b6_Cover%20SVA%20Working%20Paper%20on%20The%20Role%20of%20CSOs%20for%20Addressing%20Loss%20%26%20Damage-p-500.png 500w, https://cdn.prod.website-files.com/5b51da3fef1d581864485ff5/6205841ec0726c41cdac08b6_Cover%20SVA%20Working%20Paper%20on%20The%20Role%20of%20CSOs%20for%20Addressing%20Loss%20%26%20Damage-p-800.png 800w, https://cdn.prod.website-files.com/5b51da3fef1d581864485ff5/6205841ec0726c41cdac08b6_Cover%20SVA%20Working%20Paper%20on%20The%20Role%20of%20CSOs%20for%20Addressing%20Loss%20%26%20Damage-p-1080.png 1080w, https://cdn.prod.website-files.com/5b51da3fef1d581864485ff5/6205841ec0726c41cdac08b6_Cover%20SVA%20Working%20Paper%20on%20The%20Role%20of%20CSOs%20for%20Addressing%20Loss%20%26%20Damage.png 1414w" class="image-57"/><a href="https://drive.google.com/file/d/1zqo08sqQJ6_BV03kilmuDXeulz-IBgjQ/view?usp=sharing" target="_blank" class="button-7 w-button">Download This File</a></div></div></div></div><div class="div-block-111"><h1 class="heading-56">Related Thematic Areas</h1><div class="collection-list-wrapper-24 w-dyn-list"><div role="list" class="collection-list-19 w-dyn-items"><div role="listitem" class="collection-item-25 w-dyn-item"><a href="/theme-knowledge/sustainable-development" class="w-inline-block"><h1 class="kh-meta-tags-content">Sustainable Development</h1></a></div><div role="listitem" class="collection-item-25 w-dyn-item"><a href="/theme-knowledge/livelihood-development" class="w-inline-block"><h1 class="kh-meta-tags-content">Livelihood Development</h1></a></div><div role="listitem" class="collection-item-25 w-dyn-item"><a href="/theme-knowledge/loss-and-damage" class="w-inline-block"><h1 class="kh-meta-tags-content">Loss and Damage</h1></a></div><div role="listitem" class="collection-item-25 w-dyn-item"><a href="/theme-knowledge/youth" class="w-inline-block"><h1 class="kh-meta-tags-content">Youth</h1></a></div><div role="listitem" class="collection-item-25 w-dyn-item"><a href="/theme-knowledge/food-security" class="w-inline-block"><h1 class="kh-meta-tags-content">Food Security</h1></a></div><div role="listitem" class="collection-item-25 w-dyn-item"><a href="/theme-knowledge/human-health" class="w-inline-block"><h1 class="kh-meta-tags-content">Human Health</h1></a></div><div role="listitem" class="collection-item-25 w-dyn-item"><a href="/theme-knowledge/gender" class="w-inline-block"><h1 class="kh-meta-tags-content">Gender</h1></a></div><div role="listitem" class="collection-item-25 w-dyn-item"><a href="/theme-knowledge/ecosystems-and-biodiversity" class="w-inline-block"><h1 class="kh-meta-tags-content">Ecosystems and Biodiversity</h1></a></div><div role="listitem" class="collection-item-25 w-dyn-item"><a href="/theme-knowledge/just-transition" class="w-inline-block"><h1 class="kh-meta-tags-content">Just Transition</h1></a></div><div role="listitem" class="collection-item-25 w-dyn-item"><a href="/theme-knowledge/adaptation-and-resilience" class="w-inline-block"><h1 class="kh-meta-tags-content">Adaptation &amp; Resilience</h1></a></div><div role="listitem" class="collection-item-25 w-dyn-item"><a href="/theme-knowledge/climate-finance" class="w-inline-block"><h1 class="kh-meta-tags-content">Climate Finance</h1></a></div><div role="listitem" class="collection-item-25 w-dyn-item"><a href="/theme-knowledge/capacity-building" class="w-inline-block"><h1 class="kh-meta-tags-content">Capacity Building</h1></a></div></div></div></div><div class="section-10"><div class="row w-row"><div class="w-col w-col-4"><div class="div-block-8"><div class="text-block-6-copy">Resource Types</div><a href="https://slycan.webflow.io/resource-type-knowledge/article" class="link-5-copy">Article</a><a href="https://slycan.webflow.io/resource-type-knowledge/policy-brief" class="link-5-copy">Policy Brief</a><a href="https://slycan.webflow.io/resource-type-knowledge/report" class="link-5-copy">Reports</a><a href="https://slycan.webflow.io/resource-type-knowledge/research-paper" class="link-5-copy">Research Papers</a><a href="https://slycan.webflow.io/resource-type-knowledge/case-study" class="link-5-copy">Case Studies</a></div></div><div class="w-col w-col-4"></div><div class="w-col w-col-4"><div class="div-block-8 social"><div class="text-block-6-copy3">Initiated with the financial support of</div><a href="/knowledge-portal/partners" class="w-inline-block"><img src="https://cdn.prod.website-files.com/5b3a69d483119601a06f1b0a/5d15859d7ad20fc9dd2a974a_APN%20Logo-01.png" width="92" sizes="100vw" srcset="https://cdn.prod.website-files.com/5b3a69d483119601a06f1b0a/5d15859d7ad20fc9dd2a974a_APN%20Logo-01-p-500.png 500w, https://cdn.prod.website-files.com/5b3a69d483119601a06f1b0a/5d15859d7ad20fc9dd2a974a_APN%20Logo-01.png 945w" alt="" class="image-56"/></a></div></div></div></div><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=5b3a69d483119601a06f1b0a" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/5b3a69d483119601a06f1b0a/js/webflow.801241500.js" type="text/javascript"></script> <script> function getParam(name) { name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]"); var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"), results = regex.exec(location.search); return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " ")); } var Webflow = Webflow || []; Webflow.push(function () { var tabName = getParam('tab'); if (tabName) $('.' + tabName).triggerHandler('click'); }); </script><script src="https://npmcdn.com/isotope-layout@3.0/dist/isotope.pkgd.min.js"></script> <script> // document ready wrapper $(document).ready( function() { // find all filter buttons const filterToggles = document.querySelectorAll('[data-filter]'); // go over each filter button filterToggles.forEach(function(toggle) { let attrVal = toggle.getAttribute(['data-filter']); // find the filter attr let newVal = attrVal.toLowerCase().replace(' ', '-'); // hyphenate filter attr val toggle.setAttribute('data-filter', newVal); // set filter attr with new val }); // go over all collection item category label elems $('.w-dyn-item .partner').each(function(index, element) { var _this = $( element ); // lowercase, hyphenate and add as a class to dyn-item for isotope filtering _this.parent().parent().addClass( _this.text().toLowerCase().replace(' ', '-')); }); // quick search regex let qsRegex; let buttonFilter; // init Isotope const $grid = $('.grid').isotope({ itemSelector: '.w-dyn-item', stagger: 30, filter: function() { var $this = $(this); var searchResult = qsRegex ? $this.text().match( qsRegex ) : true; var buttonResult = buttonFilter ? $this.is( buttonFilter ) : true; return searchResult && buttonResult; } }); // reveal all items after init const $items = $grid.find('.w-dyn-item'); $grid.addClass('is-showing-items').isotope( 'revealItemElements', $items ); $('#filters').on('click', 'button', function() { buttonFilter = $( this ).attr('data-filter'); $grid.isotope(); }); // use value of search field to filter const $quicksearch = $('#quicksearch').keyup(debounce(function() { qsRegex = new RegExp($quicksearch.val(),'gi'); $grid.isotope(); })); // change is-checked class on buttons $('.button-group').each(function( i, buttonGroup ) { const $buttonGroup = $( buttonGroup ); $buttonGroup.on( 'click', 'button', function() { $buttonGroup.find('.is-checked').removeClass('is-checked'); $( this ).addClass('is-checked'); }); }); // debounce so filtering doesn't happen every millisecond function debounce(fn, threshold) { let timeout; return function debounced() { if ( timeout ) { clearTimeout( timeout ); } function delayed() { fn(); timeout = null; } setTimeout( delayed, threshold || 100 ); }; }; // disable search from submitting $('#quicksearch').on('keyup keypress', function(e) { const keyCode = e.keyCode || e.which; if (keyCode === 13) { e.preventDefault(); return false; } }); }); </script></body></html>

Pages: 1 2 3 4 5 6 7 8 9 10