AUI, jQuery and jQueryUI

Hi all,

I’m refactoring an app to use latest AUI distribution, downloading the AUI package as stated in here: https://docs.atlassian.com/aui/getting-started.html#download-aui . This page states to add following lines:

<link rel="stylesheet" href="aui/aui-prototyping.css" media="all">
<script src="aui/aui-prototyping.min.js"></script>

One remark: https://packages.atlassian.com/maven-public/com/atlassian/aui/aui-flat-pack/8.5.1/aui-flat-pack-8.5.1.zip does not content aui/aui-prototyping.min.js (it contents non-minified aui/aui-prototyping.js)

Two questions:

  • How to the use jQuery? My code used to do $(element).something(), but $ is now undefined

  • How to use jQuery UI?

Thank you!

Fred

You can still use the newer AUI versions as for example described here. To use jQuery just manually embed it as well.

    <script src="https://connect-cdn.atl-paas.net/all.js" type="text/javascript"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" type="text/javascript"></script>

    <link rel="stylesheet" href="https://unpkg.com/@atlassian/aui@8.6.0/dist/aui/aui-prototyping.css" media="all">
    <script src="https://unpkg.com/@atlassian/aui@8.6.0/dist/aui/aui-css-deprecations.js"></script>
    <script src="https://unpkg.com/@atlassian/aui@8.6.0/dist/aui/aui-prototyping.js"></script>

Hope that helps! :slight_smile:

2 Likes

Hi @sven.schatter,

Thanks a lot, it’s all good now,

Fred

1 Like

It took me 3 hours of my time before I decided to look for solution in community. Without you I would not be able to resolve it. I don’t understand why this is not a part of documentation.

2 Likes

You’re welcome! I also think that it would be awesome if this could find its way into the official documentation, especially because AUI is so much easier to get started with and use compared to Atlaskit.

1 Like