Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    [jquery] script non compatibile in parti diverse della pagina

    ciao, mi rivolgo dinuovo a voi con un piccolo problemino...
    sto cercando di far si che appaia un suggerimento su determinati link con questo script sono riuscito a fare quello che volevo ottenere... solo che non funziona sempre.... in questa pagina trovate lo script
    http://www.nihills.net/od/site/index.php
    sotto le notizie se si mette il mouse sulle icone grigie come questa appare il blocco con relativa animazione... ma se si va sulla stessa icona della colonna a destra non succede nulla
    sapreste dirmi come fixare o da cosa è generato questo problema?

    riporto gli script
    codice:
    <style type="text/css">
    div.bubble { background: #999; border:1px solid #CCC; width: 100px; height: 49px; position: absolute; top: -70px;left: -50px; text-align: center; z-index: 2; display: none; color:#FFF;
    }
    </style>
    
    <script type="text/javascript">
    $(document).ready(function(){
    $("a#bubble").hover(function() {
    	holder = $(document.createElement("div"));
    	holder.attr("class", "bubble");
    	text = $(this).attr("title");
    	holder.html(text);
    	$(this).append(holder);
    	holder.stop(true, true).animate({opacity: "show", top: "-60"}, "slow");
    }, function() {
    	holder.animate({opacity: "hide", top: "-70"}, "fast");
    });
    });
    </script>
    l'html che richiama le bubble è: ed ovunque è uguale
    codice:
    <a class="add-gl" id="bubble" title="Aggiungi alla Gamelist"></a><a class="add-wl" id="bubble" title="Aggiungi alla Wishlist"></a><a class="add-np" id="bubble" title="Imposta come gioco che sto giocando"></a>
    www.nintendopower.it

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Non conosco bene jquery ma gli id="bubble" ripetuti, non mi convincono gli id deve essere univoci.
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    beh in questo caso l'id viene visto come una classe

    cmq ho risolto il problema piu che altro era un problema di css che cmq ho risolto con

    $(this).css("position", "relative").append(holder);


    grazie cmq
    www.nintendopower.it

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.