Jquery not working within wordpress content

Question

I have a very simple piece of jquery code(sliding a piece of text up) based upon clicking on a div.

<script>
jQuery("#test").click(function () {
    jQuery(this).slideUp();
});
</script>

This works when the

<div id="test">some text</div>

is placed outside the main content of the page, so in the header or the footer, but it doesn't work when the <div id="test">some text</div> is placed within the content part.

I have searched the internet for a solution, but I cannot find a solution.

karim79 · Accepted Answer · 2012-08-15 10:32:44Z

1

Make sure that code is executed on DOM ready:

jQuery(document).ready(function () {
    jQuery("#test").click(function () {
        jQuery(this).slideUp();
    });
});

Explanation: http://api.jquery.com/ready/

answered Aug 15, 2012 at 10:32

karim79

343k67 gold badges420 silver badges409 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Danil Speransky · Accepted Answer · 2012-08-15 10:37:47Z

0

Use $(document).ready function as a wrapper for your code.

answered Aug 15, 2012 at 10:37

Danil Speransky

30.5k6 gold badges70 silver badges78 bronze badges

Collectives™ on Stack Overflow

Jquery not working within wordpress content

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related