[beanojames]

Hello,

The jquery tools tabs (and other plugins) use similar code as below to activate the tabs.

code

<!– begin javaScript snippet activates the tabs –>

<script type=”text/javascript”>

// perform JavaScript after the document is scriptable.

$(function() {

// setup ul.tabs to work as tabs for each div directly under div.panes

$(“ul.tabs”).tabs(“div.panes > div”); });

</script>

<!– end javaScript snippet activates the tabs –>

code

I altered the code as follows:

code

<!– begin javaScript snippet activates the tabs –>

<script type=”text/javascript”>

var j = jQuery.noConflict(‘true’);

// perform JavaScript after the document is scriptable.

j(function() {

// setup ul.tabs to work as tabs for each div directly under div.panes

j(“ul.tabs”).tabs(“div.panes > div”); });

</script>

<!– end javaScript snippet activates the tabs –>

code

The tabs worked as well as the plugin. However, it was not fully tested for other

issues since I ended up using an existing plugin http://wordpress.org/extend/plugins/wp-ui/ which works with the themes at http://jqueryui.com/

Also there’s some information at WordPress on no conflict wrappers (http://codex.wordpress.org/Function_Reference/wp_enqueue_script)

[beanojames]

However I do have another question. One of the things that I thought was a problem actually turns out to be happening on your site as well.

When clicking on the image, the url changes and #!prettyPhoto” is added to the end of

the url. Using your own demo,

1) Click on url http://www.tipsandtricks-hq.com/wp-affiliate-link-manager/wp-lightbox-ultimate-demo-73

2) On the above page click on the first image

Notice that the url changes to:

http://www.tipsandtricks-hq.com/wp-affiliate-link-manager/wp-lightbox-ultimate-demo-73#!wp_lightbox_prettyPhoto/1/

When the popup is closed the url is changed to:

http://www.tipsandtricks-hq.com/wp-affiliate-link-manager/wp-lightbox-ultimate-demo-73#!prettyPhoto

Would this be a bug?

Browser FF 10.0.2

OPSYS Windows 7

[beanojames]

Thanks I worked through it

[beanojames]

Hello,

I’ve setup a new install with no other changes other than the lightbox plugin (v1.5. and the tabs.

The install is located at:

http://freelancetranslationjobs.com/tabs/#first

The prettyPhoto option is selected and the content of the tabs can not be seen.

However, if no options are selected or if the plugin is disabled, the content of the

tabs can be viewed and the tabs are selected as they should.

To demonstrate, save the page to your hard-drive and then go in and remove the prettyPhoto code starting at line 147, save the changes and then view the page, you will be able to see the content of the tab panes.

This not only happens with the prettyPhoto option selected but also with Fancybox and

Colorbox is selected. If no options are selected or the plugin is deactivated, then the tabs work.

Thanks

[beanojames]

Was this issue ever resolved? I’m having a similar issue using the latest version of wordpress and the plugin. The issue revolves around using the jquery tools tabs (http://flowplayer.org/tools/tabs/index.html).

When the plugin is not activated the tabs work fine. However, when the plugin in activated, then tabs do not work.

=========

One other thing I noticed when trying to figure out what the problem was. When using prettyPhoto and removing the following code, the tabs work:

[moderator deleted code]

[Author]

Posts