Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2001
    Messaggi
    135

    plugin Jquery non funziona

    Ciao a tutti sto cercando di usare Jquery per avere due effetti in una pagina aspx. Il primo è l'effetto CYCLE sulla testata (che funziona bene) il secondo è una galleria fotografico con lightbox che va in errore. Compilando mi viene restituito l'errore "Proprietà o metodo non supportati dall'oggetto" in corrispondenza della riga $('#gallery a').lightBox(); dello script:

    <script type="text/javascript">
    $(function() {
    $('#gallery a').lightBox();
    });
    </script>

    Grazie in anticipo

    Di seguito la sezione HEAD della Page master:

    <head><title>
    Gelato al cioccolato, un'oasi di freschezza!!
    </title><link href="StyleSheet.css" rel="stylesheet" type="text/css" /><link rel="shortcut icon" type="image/vnd.microsoft.icon" href="immagini/favicon.ico" /><link href="jquery.lightbox-0.5.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery.js" type="text/javascript"></script>

    <script src="js/jquery.lightbox-0.5.js" type="text/javascript"></script>

    InsidePage.master

    <script src="js/jquery.lightbox-0.5.pack.js" type="text/javascript"></script>

    <script src="js/jquery.lightbox-0.5.min.js" type="text/javascript"></script>

    <script src="js/jquery.js" type="text/javascript"></script>

    <script type="text/javascript">
    $(function() {
    $('#gallery a').lightBox();
    });
    </script>
    <style type="text/css">
    /* jQuery lightBox plugin - Gallery style */
    #gallery {
    background-color: #444;
    padding: 10px;
    width: 520px;
    }
    #gallery ul { list-style: none; }
    #gallery ul li { display: inline; }
    #gallery ul img {
    border: 5px solid #3e3e3e;
    border-width: 5px 5px 20px;
    }
    #gallery ul a:hover img {
    border: 5px solid #fff;
    border-width: 5px 5px 20px;
    color: #fff;
    }
    #gallery ul a:hover { color: #fff; }
    </style>

    <style type="text/css">
    .slideshow { height: 68; width: 200px; margin: 0}
    </style>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>


    <script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.74.js"></script>


    <script type="text/javascript">
    $(document).ready(function() {
    $('.slideshow').cycle({
    fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
    });
    });
    </script>

    Di seguito il codice nella pagina aspx:

    <div id="gallery" style="text-align:left">
    <aspataList ID="Repeater1" RepeatColumns="3" RepeatDirection="Horizontal" runat="server">


    <HeaderTemplate><table width="250" height="250"><tr></HeaderTemplate>

    <ItemTemplate>


    <td width="300" height="300">
    <table>
    <tr><td>
    <div >[img]<%# "immagini/" & DataBinder.Eval(Container.DataItem, "descriImg")%>[/img]</div>
    </td></tr>
    <tr><td><%#DataBinder.Eval(Container.DataItem, "didascalia")%></td></tr>
    </table>


    </ItemTemplate>

    <FooterTemplate> </td></tr><tr><td>Indietro</td></tr></table></FooterTemplate>

    </aspataList>
    </div>

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    verifica secondo me hai problemi di inclusioni
    1) <script src="js/jquery.js" type="text/javascript"></script>

    <script src="js/jquery.lightbox-0.5.js" type="text/javascript"></script>

    InsidePage.master

    <script src="js/jquery.lightbox-0.5.pack.js" type="text/javascript"></script>

    <script src="js/jquery.lightbox-0.5.min.js" type="text/javascript"></script>

    2) <script src="js/jquery.js" type="text/javascript"></script>

    e poi anche l'inclusione di google sotto non mi convince (forse e da spostare sopra) in oltre lightbox necessita di tutte quelle inclusioni fai del debug crea una pagina vuota e inserisci gli script per gradi
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Utente di HTML.it L'avatar di m4rko80
    Registrato dal
    Aug 2008
    residenza
    Milano
    Messaggi
    2,655
    hai provato ad includere i due plug in prima delle chiamate jquery?
    E' vero che le esegui su onload ma non vorrei fosse un problema.

    $(function() {
    ...
    });
    e

    $(document).ready(function() {...

    sono la stessa cosa.. puoi mettere tutto in una delle 2

    EDIT: stavamo scrivendo insieme

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.