Jump to content
nico333

module Tabs - pb javascript sous chrome, safari et mozilla

Recommended Posts

Bonjour à toutes et tous

 

Je fais un module pour avoir des onglets tabs en home page. Cependant le bout de js suivant n’est pas pris en compte par chrome et mozilla (mais par IE si).

D’autre part si j’enregistre tout le code en html et que je l’ouvre dans une fenêtre, la ça fonctionne avec ie, chrome et mozilla…

Sauriez-vous me dire pourquoi le code ne fonctionne pas avec presta et ce que je dois changer?

Merci d'avance !

 

Onglet.js

$(function(){

    $('.simple-tabs').each( function() {

        var container = $(this);

        container.find('> ul li a').click( function () {

            $(this).parent().addClass( 'selected-tab' ).siblings().removeClass( 'selected-tab' );

            container.find('.tab-panel').hide().filter(this.hash).show();

            return false;

        }).eq(0).click();

    });

});

 

 

Onglet.tpl

<div id="tab-set-1" class="simple-tabs">

    <ul>

<li><a href="#tab-1-1" title="">Les Nouveautés</a></li>

<li><a href="#tab-1-2" title="">Les Meilleurs ventes</a></li>

<li><a href="#tab-1-3" title="">Les Promotions</a></li>

    </ul>

 

 <div id="tab-1-1" class="tab-panel">

       <h2>tabe1-1</h2>

<div id="tab-1-2" class="tab-panel">

        <h2>Nos meilleurs ventes</h2></div>

<div id="tab-1-3" class="tab-panel">

        <h2>Nos soldes</h2></div>

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More