jQuery 進程動態添加的錨標記不起作用

Question

jQuery 不處理動態添加的錨標記。 <li> <a>標簽的添加更加動態。 下面的代碼用於為已經存在的錨點標簽添加屬性，但 XHR AJAX 調用添加了更多分頁，而.each() function 不起作用。

 $(document).ready(function () { $("ul.page-selector-list li a").each(function () { var pageText = $(this).text(); $(this).attr("aria-label", "click here for " + pageText); }); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <ul class="page-selector-list"> <li class="page-selector-item-first inactive"><a href="#">First</a></li> <li class="page-selector-item-previous inactive"><a href="#">Previous</a></li> <li><a class="page-selector-item-link active" data-offset="0" data-itemnumber="1" href="#">1</a></li> <li><a class="page-selector-item-link" data-offset="10" data-itemnumber="2" href="#">2</a></li> <li><a class="page-selector-item-link" data-offset="20" data-itemnumber="3" href="#">3</a></li> <li><span class="page-selector-more">...</span></li> <li><a class="page-selector-item-link" data-offset="2020" data-itemnumber="203" href="#">203</a></li> <li class="page-selector-item-next"><a href="#">Next</a></li> <li class="page-selector-item-last"><a href="#">Last</a></li> </ul>

Answer 1

當您發現您的代碼在 AJAX 后無法正常工作時，請嘗試以下代碼：

$( document ).ajaxComplete(function() {
    $('ul.page-selector-list li a').each(function(){
       var pageText = $(this).text();
       $(this).attr('aria-label', 'click here for '+ pageText);
    });
});

如果您發現任何問題，請告訴我。