No me funciona Jquery en icefaces template

Submitted by Erzengel on Mié, 10/27/2010 - 09:09

Buen Dia
Alguien me puede ayudar, ya que no me funciona el menu que tengo en JQuery.

Jquery esta en raiz
Template.xhtml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:ice="http://www.icesoft.com/icefaces/component" >
        <head>
                <title>ICEfaces Facelets Page</title>
                <ice:outputStyle href="./xmlhttp/css/rime/rime.css" />
                <title>Ejemplo</title>
        <link href="CSS/cuerpoChido.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript" src="jquery.js"></script><!-- Including jQuery Nota: recordar que el archivo jquery.js siempre debe ir en raiz del sitio-->
    <script type="text/javascript" src="../JS/jquery.mousewheel.js"></script><!-- Including Mousewheel jQuery plugin -->
    <script type="text/javascript" src="../JS/jquery.ulslide.js"></script><!-- Including ulslide jQuery plugin -->
        <ui:include src="../JS/prueba.jspx"></ui:include>
        </head>
        <body>
                <ui:insert name="header">
                <div class="contenedor">
                        <div id="header">
                                        <!-- Comienzo de banner -->
                    <ul id="slide3">
                        <li><img src="CSS/imagenes/photos/cerro_de_la_silla.jpg" alt=""/></li>
                        <li><img src="CSS/imagenes/photos/paisaje.JPG" alt="" /></li>
                        <li><img src="CSS/imagenes/photos/images.jpg" alt="" /></li>
                    </ul>
                     
                    <script type="text/javascript">
                        $(function() {
                            $('#slide3').ulslide({
                            statusbar: true,
                            axis: 'y',
                            mousewheel: true,
                            affect: 'fade',
                            duration: 1000,
                            autoslide: 6000
                            });
                        });
                    </script>
                        <!-- Fin de banner -->
                        <!-- Comienzo de script de menu horizontal -->
                        <script type="text/javascript">
                            function mainmenu(){
                            // Oculto los submenus
                            $(" #nav ul ").css({display: "none"});
                            // Defino que submenus deben estar visibles cuando se pasa el mouse por encima
                            $(" #nav li").hover(function(){
                                $(this).find('ul:first:hidden').css({visibility: "visible",display: "none"}).slideDown(400);
                                },function(){
                                    $(this).find('ul:first').slideUp(400);
                                });
                            }
                            $(document).ready(function(){
                                mainmenu();
                            });
                         </script>
                        <!-- Fin de script menu de horizontal -->
                        </div>
                    <div id="navigation">
                                <ul id="nav">
                            <li><a href="#">Inicio</a></li>
                            <li><a href="#">Servicios</a>
                                <ul class="submenu">
                                    <li><a href="#">Marketing</a></li>
                                    <li><a href="#">Mercadotecnia</a></li>
                                    <li><a href="#">Encuestas</a></li>
                                </ul>
                            </li>
                            <li><a href="#">Nosotros</a>
                                <ul class="submenu">
                                    <li><a href="#">Vision</a></li>
                                    <li><a href="#">Mision</a></li>
                                </ul>
                            </li>
                            <li><a href="#">Otros</a></li>
                            <li><a href="#">Contactanos</a></li>
                        </ul>
                        </div>
                </div> 
                </ui:insert>
       
       
        <ice:form>

        </ice:form >

        </body>
 </html>

‹ Crear un instalador completo para tu web. Base64 ›

Opciones de visualización de comentarios

Seleccione la forma que prefiera para mostrar los comentarios y haga clic en «Guardar las opciones» para activar los cambios.

Siempre es recomendable

Submitted by wishmaster77 on Jue, 10/28/2010 - 14:38.

Siempre es recomendable poner todo el código JQuery entre:

$(document).ready(){
/**AQUÍ TODO EL CÓDIGO QUE GUSTES**/
}