jquery et wordpress (Créer un compte)

  • Statut : non résolu
5 sujets de 1 à 5 (sur un total de 5)
  • Auteur
    Messages
  • #490656
    shamsisback
    Membre
    Initié WordPress
    15 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : 3.0.4
    – Version de PHP/MySQL : 5
    – Thème utilisé : apeture modifié
    – Extensions en place : trop!
    – Nom de l’hebergeur : infomaniak
    – Adresse du site : http://www.shams.fr

    Problème(s) rencontré(s) :

    bonjour bonjour,

    je suis en train d’essayer de mettre un image slider à l’intérieur d’une page wordpress en mettant le code dans un plug-in. Le slider est ici :
    http://www.alohatechsupport.net/webdesignmaui/maui-web-site-design/create_image_menu_with_jquery.html

    le code de mon plug in :

    add_action(‘wp_print_styles’, ‘imagemenu_setup’);

    function imagemenu_setup(){

    if (!is_admin()) {
    wp_enqueue_style( « image-menu-style », WP_PLUGIN_URL. »/image-menu/jimgMenukwicks.css », false, « 1.3.1 »);
    wp_enqueue_script(« jquery »);
    wp_enqueue_script( « jquery.easing », WP_PLUGIN_URL. »/image-menu/js/jquery-easing-1.3.pack.js », array(« jquery »), « 1.3 »);
    wp_enqueue_script(« jquery.easing.compatibility », WP_PLUGIN_URL. »/image-menu/js/jquery-easing-compatibility.1.2.pack.js », array(« jquery »), « 1.2 »);
    wp_enqueue_script(« jquery.easing.kwicks », WP_PLUGIN_URL. »/image-menu/js/jquery.kwicks-1.5.1.pack.js »,array(« jquery »), « 1.5.1 »);
    }

    }
    add_action(‘init’, ‘imagemenu_setup’);
    add_shortcode(‘imagemenu’, ‘imagemenu_setup’);

    et dans le code html de la page :

    [imagemenu]

    <div class="jimgMenu">
    <ul>
    <li id="landscapes"><a href="#">Landscapes</a></li>
    <li id="people"><a href="#">People</a></li>
    <li id="nature"><a href="#">Nature</a></li>
    <li id="abstract"><a href="#">Abstract</a></li>
    <li id="urban"><a href="#">Urban</a></li>
    </ul>
    </div>

    <script type="text/javascript">
    jQuery(document).ready(function() {
    $("#jimgMenu ul").kwicks({max: 310, duration: 300, easing: 'easeOutQuad', complete: 'callback'});
    });
    </script>

    le résultat : ca donne une erreur sur le $(« #jimgMenu ul »)

    Comment faire pour executer le script sur le slider?

    Merci!

    #755394
    dedemutas
    Participant
    Initié WordPress
    30 contributions

    Salut,

    C’est quoi l’erreur exactement ? Essaie de remplacer les ‘$’ par des ‘jQuery’. Essaie aussi d’afficher la source et de vérifier que tous tes scripts sont bien importés et dans l’ordre (jQuery en premier).

    #755395
    shamsisback
    Membre
    Initié WordPress
    15 contributions

    l’erreur est : result of expression $(« #jimgMenu ul ») [null] is not an object.
    jquery est bien chargé en premier.
    j’ai testé avec jQuery(« #jimgMenu ul ») -> plus d’erreur! Mais ça ne marche toujours pas… :(

    PS : la page avec le souci : http://www.shams.fr/fr/photo/

    #755396
    dedemutas
    Participant
    Initié WordPress
    30 contributions

    Normal, tu demandes à jQuery de cibler #jimgMenu (# = id) et du as nommé ta div avec une classe et non un id.

    Donc
    – soit tu mets : <div id= »jimgMenu »>
    – soit tu mets : jQuery(« .jimgMenu ul »)

    #755397
    shamsisback
    Membre
    Initié WordPress
    15 contributions

    bingo!
    merci!

5 sujets de 1 à 5 (sur un total de 5)
  • Le forum ‘Utilisation spécifique de WordPress’ est fermé à de nouveaux sujets et réponses.