Tried to build jQuery UI Tabs - Page...

User 2856415 Photo


Registered User
5 posts

But unfortunately I can´t get it to work.

Here's my example site: www.rsdcl.klangklang.net

Here's the tutorial-video: https://youtu.be/ObLBJhU-uyA

Any help appreciated

User 379556 Photo


Registered User
1,603 posts

In the footer the final script is shown as

<script>
$( function() {
$( "#tabs" ).tabs();
} );
<script>

It omits the forward slash in the last line (should be </script>). It seems OK when that is corrected.

Frank
User 2147646 Photo


Registered User
233 posts

Hi Christof,
You are missing the slash in the closing script tag.
Change

<script>
$( function() {
$( "#tabs" ).tabs();
} );
<script>

To

<script>
$( function() {
$( "#tabs" ).tabs();
} );
</script>

User 2147646 Photo


Registered User
233 posts

You got there before me Frank :P

User 2856415 Photo


Registered User
5 posts

Thank you guys for your help! But unfortunately no success

Anything else I could try???

Thanks again,
Christof

www.rsdcl.klangklang.net
User 379556 Photo


Registered User
1,603 posts

When I downloaded the website as it was when the first post was made, and changed that one item, it did work.

I think it would be helpful to provide a copy of the RSD file here.

Frank
User 2856415 Photo


Registered User
5 posts

that's strange! I attached the rsd file now.
Attachments:
User 2147646 Photo


Registered User
233 posts

Hi Christof,
The closing bracket is missing from the opening script tag.

<script src="./js/jquery-ui.min.js"></script>

<script> src="./js/jquery-ui.min.js"></script>


User 379556 Photo


Registered User
1,603 posts

In fact the RSD file shows the following -
<script>
<script src="./js/jquery-ui.min.js"></script>

Simply removing the first '<script>' does the trick. The second line is correct as -
<script src="./js/jquery-ui.min.js"></script>

Frank
User 2147646 Photo


Registered User
233 posts

Frank Cook wrote:
In fact the RSD file shows the following -
<script>
<script src="./js/jquery-ui.min.js"></script>

Simply removing the first '<script>' does the trick. The second line is correct as -
<script src="./js/jquery-ui.min.js"></script>

Frank

Doh! Of course it is! That was the line that showed the error and I jumped ahead of myself :lol:


Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.