Tab errors when activating WP Lightbox

[simplyjill]

I am getting an error in all of my tabbed areas whenever I activate the WP Lightbox Ultimate (version 1.5.0)

The tab areas work fine whenever the plugin is deactivated. I have several of them on my site and need them to work and I really want to keep using the WP Lightbox as well.

Can you please look into this…

Here is one url (please note I’m currently working on the site and may have the WP Lightbox deactivated when you look at it)

http://buildawebsiteinaweek.com/channel-lineups/

these get messed up and won’t function whenever I active WP Lightbox

Here is where I’m using the WP Lightbox plugin

http://buildawebsiteinaweek.com/tv-as-main-page/home-security/

Thanks

Jill

[wpCommerce]

Hi, Did you deactivate it? I haven’t found any error on this page – http://buildawebsiteinaweek.com/channel-lineups/

I think you are using some lightbox shortcodes on this page – http://buildawebsiteinaweek.com/tv-as-main-page/home-security/

But the shortcodes are not getting filtered. I think it’s because the plugin is deactivated. When the plugin is deactivated the shortcodes are just like normal text.

[simplyjill]

It is deactivated… so you won’t see the errors on the page. I can activate it so you can see it NOT working. Please try the http://buildawebsiteinaweek.com/channel-lineups/

I’ll leave it this way as long as I can buy I am working on the site an may have to deactivate at different points. Or, if you can send me an email when you are looking at it…I’ll activate it if it isn’t currently.

jill@castleworks.net

[wpCommerce]

Hi, I’ve sent an email to your registered email address (crowdim.payments@gmail.com) for site access. Let me know if you don’t receive it.

[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]

[wpCommerce]

Hi, What other library options do you have enabled? Please post a link to the page where you are having this issue.

[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

[wpCommerce]

I sent a site access request to your registered email address. Let me know if you don’t receive it.

[beanojames]

Thanks I worked through it

[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

[wpCommerce]

Hi, it’s not a bug actually. When you click the anchor text or image prettyPhoto tries to target the div so it can be opened with lightbox. Usually when you click a div the ID gets appended to the URL.

Would you like to share how you fixed the tab issue in case someone else needs help with it?

[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)

[wpCommerce]

Thanks for sharing the code.

[Author]

Posts