使用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函数，则过滤器不起作用，请参见EXAMPLE。您可以单击左侧的品牌，但过滤器不起作用，但对产品的过滤器效果很好。

我使用的JS函数：

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

我正在尝试使其工作约2个小时，但不知道为什么仅移动它便无法工作。

（不要对CSS样式不礼貌，我需要在开始为它设置样式之前使其起作用:-)）

Answer 1

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

在selectorStrings中：

ID的HashTag（＃）

类的点（。）

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