即使尝试noConflict也无法使jQuery代码在Wordpress中工作

Question

I have some html and css code in wordpress to make an image grid gallery, with pop up and slider. I've coded it myself due to not being able to find a plugin with wordpress to match the design I want.

I know this is working as I have a working copy on my computer locally in brackets.io. After trying and failing inserting the code in WordPRess I looked online to try and see if I could find a solution. I did wfind the jquery no conflict stuff but I am not sure if I am writing the jquery code right?

Here is the site in question with all the code in place (HTML and CSS to hide the content) - http://loknar.idwithin.xyz - below the jquery code I am writing. Its working on my desktop so I reckon I am writing the code wrong for the no conflict?

Thanks.

$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

You need to replace every instance of $ with $j . Otherwise you'll still get conflicts.

Answer 2

Use jQuery instrad of $ , it happended to me in the past and it worked that way. The no-conflict mode is not necessary.