2

我正在使用 WP Plugin FacepWP 并希望将重置添加到下拉列表中。我已经使用 JS 创建元素并添加了函数 FWP.reset('country_2')。

我遇到的问题是，当我单击重置时，页面重新加载（我认为是 AJAX）并且我丢失了 JS 添加的元素

$(document).ready(function(){
  function addEle() {
    var newElement = document.createElement("a")
    newElement.className = 'wf-reset'
    newElement.onclick = function() { FWP.reset('country_2')}
    newElement.textContent='Reset'

 var insertReset = document.querySelector('.facetwp-facet-country_2 .fs-dropdown')
   console.log(newElement); 
   console.log(insertReset);
  insertReset.appendChild(newElement)
  };
  window.onload = addEle;
})

我希望我添加的元素保持点击。我相信 FacetWP 使用 AJAX 过滤和重置，但它也重置了我添加的 JS 元素。

添加：

在现有存档（类别、标签、商店）或搜索页面上，FacetWP 将自动尝试在列表周围添加 facetwp-template CSS 类。在 ajax 刷新期间，FacetWP 只会修改该容器元素内的内容。如果您的分页器在 FacetWP 刷新后没有更改，则可能需要手动放置 CSS 类，以便它围绕列表和分页器。

听起来我需要找到这个类并用它做一些事情以确保 ajax 重新加载保留我添加的 JS。

4

0 回答 0