Adding jQuery tooltip on hover

  • kpcwp

    (@kpcwp)


    12 years, 5 months ago

    I’m trying to get http://stefangabos.ro/jquery/zebra-tooltips/ installed to create a tooltip on hover over the Facebook icon.

    I’ve added the following code to social-simple-icons.php
    'facebook' => array(
    'label' => __( 'Facebook URI', 'ssiw' ),
    'pattern' => '<li class="social-facebook">',
    ),

    Here’s the jQuery I’ve created for /js/tooltip.js
    jQuery(document).ready(function($) {
    new $.Zebra_Tooltips($('.tooltips'));
    });

    I’ve enqueued that file in Genesis functions.php
    // Enqueue Social Facebook's Tooltip
    add_action( 'wp_enqueue_scripts', 'socialfacebook_enqueue_script' );
    function socialfacebook_enqueue_script() {
    wp_enqueue_script( 'follow', get_stylesheet_directory_uri() . '/js/tooltip.js', array( 'jquery' ), '', true );
    }

    I’ve added the stylesheet in Genesis Theme Settings <head>
    <link rel="stylesheet" href="/zebra_tooltips.css" type="text/css">

    I’ve included the zebra_tooltips.js library in the /js directory as well.

    Not sure why it won’t work? I’ve created an installation on a non-WP html page for testing purposes.

    Any clues?

    http://wordpress.org/plugins/simple-social-icons/

The topic ‘Adding jQuery tooltip on hover’ is closed to new replies.