PDA

Visualizza la versione completa : plugin Jquery non funziona


nicola_prw
14-02-2011, 10:15
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">
<asp:DataList 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 ><%# "immagini/" & DataBinder.Eval(Container.DataItem, "descriImg")%> ('<%#"immagini/" & DataBinder.Eval(Container.DataItem, "descriImg")%>')</div>
</td></tr>
<tr><td><%#DataBinder.Eval(Container.DataItem, "didascalia")%></td></tr>
</table>


</ItemTemplate>

<FooterTemplate> </td></tr><tr><td>Indietro (javascript:history.go(-1))</td></tr></table></FooterTemplate>

</asp:DataList>
</div>

cavicchiandrea
14-02-2011, 10:25
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 :confused: fai del debug crea una pagina vuota e inserisci gli script per gradi :ciauz:

m4rko80
14-02-2011, 10:26
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:)

Loading