nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

use of jquery in .vm

Shamith K S

Can we use jQuery in .vm ?

if yes, how ??

Accepted answers

JamieA

Did you put it in the "on document ready" function as Igor showed?

All comments

volalex

Using Jquery in vm file is bad. But you can use it like that:

id = AJS.$("someselector").attr("id")

</script>

Igor Sereda [ALM Works]

I wouldn't say it's "bad" as Alexy suggest, only a bit inconvenient - you can run into conflict between jQuery's $ and Velocity's $" In order to avoid problems, you need to assign $ to another variable:

(function(){

var q = AJS.$;

q('someselector');

})();

</script>

Of course if you have a large script, it's better extracted into a separate .js file and included on in the .vm via webResourceManager.

Shamith K S

Thanks Alexy and Igor for your responses. I want to assign default value to description text field using javascript in vm file.

i tried jQuery("#description").text("Jira");

jQuery("#$description").text("Jira");

tried AJS.$("#description").text("Jira");

but not getting value in text field. Am i missing anythin ?

Igor Sereda [ALM Works]

If #description is an input or textarea, you need to use val(), not text().

Shamith K S

i tried that also. no change

JamieA

Did you put it in the "on document ready" function as Igor showed?

Shamith K S

"on document ready" function ???

volalex

I will try to explain in a more detailed way.

You need to add this code in your script:

AJS.toInit(function (){

AJS.$("#description").text("JIRA") //or AJS.$("#description").val("JIRA") - if it input field

});

if this not help, then you can provide more info about a vm file, and we will try to help you

JamieA

ie a block like this:

(function(){
...
})();

Meaning, run the code in the block when the page is fully parsed and the DOM is available.