jQuery UI widget – How to use them?

  • Hi!

    I’m trying for 9 hours straight to insert this jQuery UI widget into my homepage, just above my recent blog posts. I know where to add it, and the theme file that I have to modify.

    BUT I DON’T KNOW HOW TO “CALL” (i don’t know if that is the jquery term) the script – or the widget.

    This is the plugin i’m trying to add:
    jcoverflip

    I’ve followed it’s instructions and everything, but it says
    Now you can use it like other jQuery UI widgets. After installing jQuery, jQuery UI, and jCoverflip, just call .jcoverflip() on the parent element to create it.

    WHAT THE HELL DOES THAT MEANS?

    and next it appears this code:

    <script>
  $(function(){
    $('#flip').jcoverflip();

  });
</script>
</head>...
<body>...

<ul id="flip">
    <li><a href="..."><img ...><span class="title">My title</span></a></li>
    <li><a href="..."><img ...><span  class="title">Another title</span></a></li>
    ...
  </ul>

    I’ve sucessefully followed all the steps but now that I simply have to input the widget itself I fail. I can’t understand what I have to do to load it the page.

    The code that loads the widget itself its the following:

    <script>
  $(function(){
    $('#flip').jcoverflip();

  });
</script>
</head>...
<body>...

<ul id="flip">
    <li><a href="..."><img ...><span class="title">My title</span></a></li>
    <li><a href="..."><img ...><span  class="title">Another title</span></a></li>
    ...
  </ul>

    How do I add it and where? Can you please give me some guidelines?

    THANKS! ??

Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘jQuery UI widget – How to use them?’ is closed to new replies.