How to deal with the jQuery tabs?

  • Hi everyone,

    I cannot rub along with including jQuery tabs to my wordpress site.
    I’d like to have the tabs on a single page. I’m stuck, totally.

    First I was trying to install it manually, so I downloaded an appropriate library, put js and css files on my ftp, copied html code to my page. My “tabs” are still not working, looks like wordpress cannot see the css styles.
    I was trying also this clue, but nothing happened.

    I tried even some wp plugins, but I don’t like them, I would like to do it manually.

    What I need from you is to help me understand how to do it step by step, in other words – what am I doing in a wrong way, what should I do to include it properly.

    I’ll be very grateful for any hints.

Viewing 13 replies - 1 through 13 (of 13 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Which theme are you using?

    Thread Starter kicia

    (@kicia)

    Oh, I forgot to write it.

    I’m using the Tempera theme.

    My website uses also Appliance for a blog page, but I need to use the tabs only on one page using Tempera.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Use a plugin to get the UI library in. https://www.ads-software.com/plugins/use-google-libraries/

    The theme already uses jQuery

    Thread Starter kicia

    (@kicia)

    When installing this plugin I have such an info:

    “Installation failed. Target folder already exists: (…)wp-content/plugins/use-google-libraries/

    What now?

    I’m a bit dumb, apparently.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Seems you already have that plugin?

    Thread Starter kicia

    (@kicia)

    Just do not ?? I don’t have it on a plugin list

    Thread Starter kicia

    (@kicia)

    Ok, I have it. Shame on me and thank you a lot.
    I’ll try with this plugin and shortly I will tell you what happened.

    Thread Starter kicia

    (@kicia)

    I still don’t know how to deal with it.
    Maybe it’s too many hours with this for today, however I’m just totally stuck.

    I have that plugin installed, I have appropriate html structure on the page. Also I have such a code in functions.php

    function include_jQuery() {
    if (!is_admin()) {
        wp_enqueue_script('jquery');
    }
}
add_action('init', 'include_jQuery');

    What should I do next?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    But the theme already loads jQuery?

    Thread Starter kicia

    (@kicia)

    I think so, now.
    I was trying to solve it using some tutorials, this code from functions.php comes from one of them.

    PHP is an enigma for me.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    View the HTML source of your webpage to see if you’ve loaded the jQuery library in twice. Loading it in twice will break things.

    Thread Starter kicia

    (@kicia)

    I’m trying to use the tabs only on one page of my website and the HTML code there looks like this:

    <h2 class="tabs"></h2>
<div id="tabs">
	<ul>
		<li><a href="#tabs-1">tab 1</a></li>
		<li><a href="#tabs-2">tab 2</a></li>
		<li><a href="#tabs-3">tab 3</a></li>
	</ul>
	<div id="tabs-1">opis 1</div>
	<div id="tabs-2">opis 2</div>
	<div id="tabs-3">opis 3</div>
</div>
    Thread Starter kicia

    (@kicia)

    I have also some questions:

    1. I quoted a few lines of PHP code that I paste into my functions.php, do I need it there, or maybe it should be erased from there?

    2. If I have a Google Library plugin installed and appropriate HTML code on my page, should it work without anything else?

    3. How to edit style of the tabs (if I see them correctly in the end)? Will it be enough to overwrite them in style.css?

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘How to deal with the jQuery tabs?’ is closed to new replies.