javascript - 使用 JS 功能后产品过滤器不起作用

Question

我有：

<div id="column-1">
<div class="categories"></div>
</div>

和：

<div id="category-filter-wrapper">
some other div classses
</div>

类别过滤器位于 #content 包装器（66% 宽度）中，但我想将其移动到 #column-1 包装器，但如果我使用下面的 JS 函数，过滤器不起作用，请参阅示例。您可以单击左侧的品牌，但过滤器不起作用，但过滤产品效果很好。

我使用的 JS 函数：

<script>
$(document).ready(function(){ $('#category-filter-wrapper').insertBefore('#categories'); });
$(document).ajaxComplete(function(){ $('#category-filter-wrapper').insertBefore('#categories'); });
</script>

我试图让它工作大约 2 小时，但不知道为什么我只是移动它就不起作用。

（不要对 CSS 样式粗鲁，我需要在开始设置样式之前让它工作 :-)）

标签： javascript

Answer 1

尝试使用 .categories 而不是 #categories。

在选择器字符串中：

ID 的 HashTag (#)

点 (.) 用于类

<script>
$(document).ready(function(){ $('#category-filter-wrapper').insertBefore('.categories'); });
$(document).ajaxComplete(function(){ $('#category-filter-wrapper').insertBefore('.categories'); });
</script>