Search jQuery

jQuery Forum

Superfish Vertical Menu - Arrows not showing up in any browser

in Using jQuery Plugins • 9 years ago

I am sure this is a bonehead thing that I am missing, but I can't get the arrows to show up in my Superfish Vertical menu.

http://www.computerdepot-online.net/

It is pretty much a cut and paste of the files, just changed the background and text colors.

Any ideas?

Replies(7)

mattbaehr

Re: Superfish Vertical Menu - Arrows not showing up in any browser

9 years ago

Turns out it is a wordpress issue. Need to include the no conflict when intializing.

<script type="text/javascript">
var $j = jQuery.noConflict();
$j(document).ready(function(){
$j("ul.sf-menu").superfish({
animation: {height:'show'}, // slide-down effect without fade-in
delay: 1200, // 1.2 second delay on mouseout
autoArrows: true,
dropShadows: false
});
});
</script>

adamlis1_..

Re: Re: Superfish Vertical Menu - Arrows not showing up in any browser

9 years ago

that didn't work for me

mattbaehr

Re: Superfish Vertical Menu - Arrows not showing up in any browser

9 years ago

In my php here what I have:

<ul class="sf-menu sf-vertical">
<?php wp_list_pages('title_li=&depth=4&exclude=9&sort_column=menu_order'); ?>
</ul>

Here is my script call in the header:

<script type="text/javascript">
var $j = jQuery.noConflict();
$j(document).ready(function(){
$j("ul.sf-menu").superfish({
animation: {height:'show'}, // slide-down effect without fade-in
delay: 1200, // 1.2 second delay on mouseout
autoArrows: true,
dropShadows: false
});
});
</script>

adamlis1_..

Re: Re: Superfish Vertical Menu - Arrows not showing up in any browser

9 years ago

I din't use php is that right??? I just added the code for menu in ul tags and li tags and than I added the script in the header and is still not showing up any ideas ???? http://www.adamlisik.co.uk/marill/2

adamlis1_..

Re: Superfish Vertical Menu - Arrows not showing up in any browser

9 years ago

Do you mean ?

<td width="156" height="723" valign="middle"><ul class="sf-menu sf-vertical" >
<?php wp_list_pages('title_li=&depth=4&exclude=9&sort_column=menu_order'); ?>
<li class="current"> <span class="style3"><a href="home.php">Home</a>
</span>
<ul class="style3">
<li><a href="rules.php">Etiquette & Rules</a></li>
<li><a href="aikidoclub.php">Shinwakai Aikido</a></li>
<li><a href="assocciation.php">UK Shinwakai Association</a></li>
</ul>
</li>
<li class="style3"> <a href="#">About Shinwakai</a>
<ul>
<li><a href="aikidohistory.php">History of Aikido</a></li>
<li><a href="shinwakaihistory.php">History of Shinwakai</a></li>
<li><a href="ukshinwakaihistory.php">History of UK Shinwakai</a></li>
<li class="current"><a href="whowho.php">Who's who in Shinwakai</a>
<ul><li><a href="jack.php">Jack Poole</a></li>
<li><a href="marill.php">Marill Poole</a></li>
<li><a href="'">Instructor 1</a></li>
<li><a href="'">Instructor 2</a></li>
<li><a href="'">Instructor 3</a></li>
<li><a href="'">Instructor 4</a></li></ul>
</li>
<li class="current"><a href="whoweare.php">Who we are</a>
<ul><li><a href="ethos.php">Misson & Ethos</a></li>
<li><a href="equalstatment.php">Equal Opportunities Statement</a></li>
<li><a href="constitution.php">Shinwakai Constitution</a></li></ul>
</li>
</ul>
<li class="style3"> <a href="#">Shinwakai Training</a>
<ul><li><a href="safetraing.php">Safe Training</a></li>
<li><a href="thebasics.php">The Basics</a></li>
<li><a href="children.php">Children in Aikido</a></li>
<li><a href="grading.php">Grading at Shinwakai</a></li>
<li><a href="glossary.php">Glossary of terms</a></li></ul>
</li>
<li class="style3"> <a href="dojos.php">Shinwakai Dojos</a></li>
<li class="style3"> <a href="associates.php">UK Shinwakai Associates</a> </li>
<li class="style3"> <a href="#">Shinwakai News</a>
<ul>
<li><a href="uknews.php">UK Shinwakai News</a></li>
<li><a href="clubnews.php">Shinwakai Club News</a></li>
<li><a href="babnews.php">BAB News</a></li>
<li><a href="othernews.php">Other News</a></li>
</ul>
</li>
<li class="style3"><a href="join.php">Join Shinwakai</a> </li>
<li class="style3"> <a href="guestbook.php">Guestbook</a> </li>
<li class="style3"> <a href="member/">Members Pages</a> </li>
<li class="style3"> <a href="photo.php">Photo Gallery</a> </li>
<li class="style3"> <a href="video.php">Video Gallery</a> </li>
<li class="style3"> <a href="links.php">Links</a> </li>
<li class="style3"> <a href="newsletter.php">Newsletter</a> </li>
<li> <span class="style3"><a href="contact.php">Contact</a></span> </li>
</ul></td>

mattbaehr

Re: Superfish Vertical Menu - Arrows not showing up in any browser

9 years ago

I am not sure what to tell you. I used PHP because mine was in a wordpress install.

Have you checked to make sure your arrow image is in the right folder and being called correctly?

adamlis1_..