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:

1 Like

Hi @sven.schatter,

Thanks a lot, it’s all good now,

Fred

1 Like