javascript - 无法让 jQuery 代码在 Wordpress 中工作，即使尝试 noConflict

Question

我在 wordpress 中有一些 html 和 css 代码来制作一个图像网格画廊，带有弹出窗口和 slider 。由于无法找到带有 wordpress 的插件来匹配我想要的设计，我自己编写了它。

我知道这是有效的，因为我的计算机上有一个工作副本，位于本地的设备(brackets.io)中。在尝试在 WordPRess 中插入代码失败后，我上网查看是否可以找到解决方案。我确实发现 jquery 没有冲突的东西，但我不确定我是否正确编写了 jquery 代码？

这里是有问题的网站，其中包含所有代码(用于隐藏内容的 HTML 和 CSS)- http://loknar.idwithin.xyz - 下面是我正在编写的 jquery 代码。它在我的桌面上运行，所以我认为我写的代码是错误的，没有冲突？

谢谢。

$j=jQuery.noConflict();


$j(document).ready(function(){
    $(".content").slice(0, 4).show();
  $("#loadMore").on("click", function(e){
    e.preventDefault();
    $(".content:hidden").slice(0, 4).slideDown();
    if($(".content:hidden").length == 0) {
      $("#loadMore").text("No Content").addClass("noContent");
    }
  });

Answer 1

您需要将 $ 的每个实例替换为 $j。否则你仍然会遇到冲突。