Forum Replies Created
-
AuthorPosts
-
beanojames
MemberHello,
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
MemberHowever 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:
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
MemberThanks I worked through it
beanojames
MemberHello,
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
MemberWas 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]
-
AuthorPosts