Question 30896 in Wordpress Question posted in
The official Wordpress documentation can be found here.

Why do wordpress Jquery only work after refresh

This is my code :

<script type="text/javascript">
  jQuery( document ).ready(function() {
    jQuery('#bookbtn_loc_1').on('click', function(event){
      jQuery("a.da-close").click();
      jQuery("#loc").val("B&B de fruithoeve Schalkhoven").change();
    });
  });
</script>

I want to run this code when the button with id #bookbtn_loc_1 is clicked.

But, this script only works after I refresh the page. During the first load, it will not work.

I have tried adding the code on the header and body, but the issue is still there.

I hope there is someone out there who has gone to this issue and solved it already. Please share your solution.

Thank you.

Tags:

2

Answers


  1. 0

    Try with this:

    <script type="text/javascript">
    jQuery( document ).ready(function() {
        jQuery( document ).on('click', '#bookbtn_loc_1', function(){
            jQuery("a.da-close").click();
            jQuery("#loc").val("B&B de fruithoeve Schalkhoven").change();
        });
    });
</script>

    Remove event parameter from function if it’s not needed.

    Login or Signup to reply.
  2. 0

    i found that there is no button with id "bookbtn_loc_1" exist in your page. So that the script can not bind the click event to the button, so it’s not fire.

    As you can see in the bellow image, when i find "bookbtn_loc_1" – there are no result:
    enter image description here

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search