Question

156

Custom jQuery-function not working on WordPress even though other loaded jQuery functions are working

rated 0 times [ 163] [ 7] / answers: 1 / hits: 17040 / 11 Years ago, sat, february 22, 2014, 12:00:00

I'm using WordPress 3.8.1. I want to use this function to use sticky header

<script>

$(document).ready(function() {

    var $header = $(header),

        $clone = $header.before($header.clone().addClass(clone));



    $(window).on(scroll, function() {

        var fromTop = $(window).scrollTop();

        console.log(fromTop);

        $(body).toggleClass(down, (fromTop > 200));

    });

});        

</script>

But it is not working for me and I don't know why. I know that jQuery is shared to my WordPress because Flexslider 2 is now working fine.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

felixa

Add To Favorites

Follow

Total Points: 180

Total Questions: 113

Total Answers: 108

Location: Palau

Member since Sat, Aug 21, 2021

3 Years ago

felixa questions

1 Use Webpack 5 to build an ES module bundle, and consume that bundle in a Node.js ES module

Tue, Aug 24, 21, 00:00, 3 Years ago

1 Cannot find module 'webpack' using webpack-dev-server

Wed, Mar 10, 21, 00:00, 3 Years ago

1 React npm error “npm ERR! code ELIFECYCLE” when I do npm start

Fri, Nov 6, 20, 00:00, 4 Years ago

1 React Router useHistory. History.push changes url but does not load component

Wed, Sep 16, 20, 00:00, 4 Years ago

1 Using redux hooks outside of a component for code reusability

Tue, Dec 31, 19, 00:00, 5 Years ago

View All

answered 11 Years ago earllutherf · Accepted Answer

Add this:

var j = jQuery.noConflict();

Now you can write your jQuery code like this:

j(document).ready(function(){

    j('.class').event(function(){



      // your action............



    });

  });

Just assign the noConflict() function to a variable, and use that variable instead of $ seen in jQuery code.