javascript — код jQuery, не работающий при миграции с SP2013 на SP2019

Код jQuery не работает при миграции с SP2013 на SP2019

У меня есть код, который отлично работает на SP2013 в качестве макета страницы. Код выполняет загрузку элементов из списка, он показывает первые 4 элемента, а затем, когда вы нажимаете кнопку «загрузить еще», загружает еще 4 элемента, пока не достигнет общего количества элементов; когда вы нажимаете кнопку сброса, он возвращается к 4 пунктам. Когда я перенес код в SP2019 и преобразовал его в веб-часть, элементы не отображаются, они находятся в DOM, но не отображаются. У меня есть класс .content для отображения: нет; когда я удаляю его, все элементы отображаются, но это не ожидаемый результат; Я ожидаю, что только 4 первых элемента будут отображаться по умолчанию, и когда будет нажата кнопка «Загрузить больше», отобразятся еще 4 элемента. Что странно, так это то, что он работает правильно на SP2013, но не на 2019, и консоль не показывает никаких ошибок.

 {amp}lt;div class="content col-md-6"{amp}gt;{amp}lt;/div{amp}gt; 
 .content { display: none; } 
 $(document).ready(function() { $(".content").slice(0, 4).show(); $(".resetBtn").hide(); var items = $(".content").length; var shown; $(".loadMore").click(function() { $(".resetBtn").show(); shown = $(".content:visible").length   4; if (shown {amp}lt; items) { $(".content:lt("   shown   ")").show(300); } else { $(".content:lt("   items   ")").show(300); $(".loadMore").hide(); } }); $(".resetBtn").click(function() { var end = $(".content").length; console.log(end); $(".content").slice(4, end).hide(300); $(".loadMore").show(); $(".resetBtn").hide(); }); }); 
Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector