How do I add jQuery UI Tabs on a PlatformPro page?

[Chris M 0]

I am working with this source code, found at this link: http://jqueryui.com/demos/tabs/

• Nunc tincidunt
• Proin dolor
• Aenean lacinia

Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.

Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.

Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus. Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.

[/code] My problem is that I am not able to get it to work. The HTML shows on the page, but the tabs don't. The script is obviously not working. I see this reference to jQuery in my tag, so I am assuming that the jQuery library is active on my site. What am I missing here?

[code]

[Danny+ 1,327]

Hi Chris, Just to let you know, I will try to get this to work but it will be sometime later on tonight, Ill post here if I manage to do anything.

[Danny+ 1,327]

Hi Chris, I tried to get this to work but failed, Im not sure but I think there may be either something wrong with the code or something missing from the instructions. I would recommend contacting their support centre: http://jqueryui.com/support To see if they can point you in the right direction. You could try this plugin I found doing a search for you, I haven't personally used it before but its worth giving it a shot. http://wordpress.org/extend/plugins/put/

[umitgokce 0]

If this is all that you wrote for UI Tabs on your page, you forgot to specify the styles for them and UI core. http://jqueryui.com/themeroller/ - CSS styles. https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js

[Chris M 0]

@umitgokce Thanks for your contribution. I realized this after the fact. But even after that I am still having problems. A friend of mine who knows jQuery thinks that it may be a jQuery conflict between loading the two instances of the library (Platform Pro and the one for the UI Tabs). I don't know. Still haven't gotten it to work yet.

[umitgokce 0]

In functions try this: if ( !is_admin() ) // using a newer version of jQuery will break stuff in WP admin { wp_deregister_script('jquery'); wp_enqueue_script('jQuery', 'https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js'); wp_deregister_script('jqueryui'); wp_enqueue_script('jQueryUI', 'https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.15/jquery-ui.min.js'); } Or add version what you need. If you use Firebug, install plugin FireQuery. After that, you can check what version used on site. Simply in Console click jQuerify button. And one more. First should be jQuery core, after that should be jQuery UI core.