Question 36759 in Jquery Question posted in
The official Jquery Api Documentation can be found here.

Jquery is not working without settimeout in meteorjs

I have a code in helper in meteorjs

Template.tickets.helpers({
    priorityClassColour(priority) {
            setTimeout(() => {
                $(".Low").css('background-color', 'red');
                return 'Low'
            });
    }
})

This works fine without any error but when I move the code of jquery css outside settimeout, the style is not applied to css. When I run $(".Low").css('background-color', 'red'); in browser console then also this works perfectly fine. can somebody tell me why this happens ?

Tags:

2

Answers


  1. 0

    $(".Low") might not exist at the time your jQuery code executes. When you setTimeout it allows $(".Low") to be available then your jquery works.

    You can check $(".Low").length outside & inside the setTimeout to findout if it exists in both cases or not.

    Login or Signup to reply.
  2. 0

    It’s probably because you’re trying to update something that hasn’t rendered yet. That’s why using a timeout makes it work, it gives Blaze a chance to finish rendering.

    A better way to do it is to set the CSS style of the element using Blaze helper.

    In your template use something like:

    <element style={{priorityClassStyle}}/>

    Where the priortyClassStyle helper would return the whole style string eg. background-color:red

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

Back To Top
Search