Dubbio su JQuery

[KillerWorm]

Tieni ben presente che gli id devono necessariamente essere univoci all'interno di uno stessa pagina html.
Questa è una regola di base della programmazione web in generale.
Se serve, puoi dare uno sguardo a questa guida http://www.html.it/pag/14217/id-e-cl...tori-speciali/, nella parte "Id e classi", per capire come funzionano e come dovrebbero essere usati questi due attributi html.

<div id="figure_1" class="picture">

Se ripeti più volte questa roba, senza sostituire il valore dell'id, avrai sicuramente dei problemi.

Oltretutto, lo script va a creare dei div con un id (ad esempio: div id="d3div"). Non si capisce, da quello che hai indicato, come hai attribuito le classi che sono poi usate sullo switch. Facendo due conti, dici di aver ripetuto 6 volte quel frammento html, mentre i case sono 3, se ne deduce che avrai molto probabilmente degli elementi img con la stessa classe e questo comporta la creazione (attraverso quello script) di più div con lo stesso id. Questo non è consentito.

Molto probabilmente il problema sta lì. Assicurati quindi che gli id siano univoci.

[shaun87]

Grazie mille,purtroppo l html mi è stato fornito cosi dal professore,e non posso modificare nulla nell html

la struttura interessata e' questa

<div id="figure_1" class="picture">
                <p class="img_block">
                    <img src="#cur_data" class="horizontal_bar_chart" alt="Let's graph it!"></img>
                </p>
                <p class="caption">Caption of the figure.</p>
            </div>
            <div id="figure_2" class="picture">
                <p class="img_block">
                    <img src="#cur_data" class="vertical_bar_chart" alt="Let's graph it!"></img>
                </p>
                <p class="caption">Caption of the figure.</p>
            </div>
            <div id="figure_3" class="picture">
                <p class="img_block">
                    <img src="#cur_data" class="pie_chart" alt="Let's graph it!"></img>
                </p>
                <p class="caption">Caption of the figure.</p>
            </div>
            <div id="figure_4" class="picture">
                <p class="img_block">
                    <img src="#cur_data" class="horizontal_bar_chart" alt="Let's graph it!"></img>
                </p>
                <p class="caption">Caption of the figure.</p>
            </div>
            <div id="figure_5" class="picture">
                <p class="img_block">
                    <img src="#cur_data" class="vertical_bar_chart" alt="Let's graph it!"></img>
                </p>
                <p class="caption">Caption of the figure.</p>
            </div>
            <div id="figure_6" class="picture">
                <p class="img_block">
                    <img src="#cur_data" class="pie_chart" alt="Let's graph it!"></img>
                </p>
                <p class="caption">Caption of the figure.</p>
            </div>
        </div>

la sostituzione del và fatta su ogni p con class img_block e creare un grafo diverso in base alla classe delle img