[Ajax, jQuery] Dwa ajaxowe skrypty - jeden działa

[Ajax, jQuery] Dwa ajaxowe skrypty - jeden działa, Zapewne problem z implementacją JS

SpiJay Zobacz profil	21.09.2013, 14:18:56 Post #1
Grupa: Zarejestrowani Postów: 63 Pomógł: 2 Dołączył: 18.11.2009 Skąd: Grudziądz Ostrzeżenie: (0%)	Siemka Mam taki problem: Wykonuję ajaxem zapytanie do bazy o wyświetlanie informacji o określonym ID i wyświetlam je w sformatowanym HTML'em, komunikacie zwrotnym. Oto kod HTML: [HTML] pobierz, plaintext <!-- WINO --> <div id="slides"> <div id="information_slide" class="slide"> <!-- kontener wyniku z JS --> </div> </div> <!-- WINO --> <!-- LOADING --> <div id="loading_slide" class="slide" style="display: none;"> Wczytywanie informacji o winie...<br/><br/><img src="images/ajax-loader.gif" /> </div> <!-- LOADING --> <!-- WYWOŁANIE BUTTON --> <?php echo '<div id="'.$id['id'].'" class="menuItem">Pokaż wino o ID = '.$id['id'].'</div>'; ?> <!-- WYWOŁANIE BUTTON --> [HTML] pobierz, plaintext Oto kod JS: [JAVASCRIPT] pobierz, plaintext $('.menuItem').on('click', function() { // ID Wina var id = $(this).attr('id'); $.ajax({ url: 'function.php', beforeSend: function () { $('#slides #information_slide').fadeOut(200, function() { $('#slides #loading_slide').fadeIn(200); }); }, data: { funkcja: 'pokaz_wino', id: id }, type: 'post', success: function(wynik) { setTimeout(function() { $('#slides #loading_slide').fadeOut(200, function() { $('#slides #information_slide').html(wynik).fadeIn(400); }); }, 500); } }); // alert(id); return false; }); [JAVASCRIPT] pobierz, plaintext Oto kod PHP: [PHP] pobierz, plaintext <?php if(isset($_POST['funkcja']) && !empty($_POST['funkcja'])) { switch($_POST['funkcja']) { case 'pokaz_wino': pokaz_wino($_POST['id']); break; } } // Funkcja zwrotna wina function pokaz_wino($id) { $qwerty = "SELECT * FROM `wina` WHERE id='".$id."' LIMIT 1"; $sql = mysql_query($qwerty); while($id = mysql_fetch_assoc($sql)) { echo ' <div id="'.$id['id'].'" class="element"> <!-- kod HTML --> </div> '; } } ?> [PHP] pobierz, plaintext W rezultacie mam jak wcześniej opisałem. Skrypt wyświetla mi informacje (rekordy) o określonym ID z bazy - ta część jest OK. Problem mam w momencie gdy w funkcji zwrotnej PHP (która wywoływana jest Ajaxem) znajduje się formularz, kożystający także z funkcji ajaxowej: [PHP] pobierz, plaintext <?php echo ' <form method="post" action="" class="jcart"> <fieldset> <input type="hidden" name="jcartToken" value="'.$_SESSION['jcartToken'].'" /> <input type="hidden" name="my-item-id" value="'.$id['id'].'" /> <input type="hidden" name="my-item-name" value="'.stripslashes($id['nazwa']).'" /> <input type="hidden" name="my-item-price" value="'.stripslashes($cena_przecinek).'" /> <input type="hidden" name="my-item-url" value="" /> <input type="hidden" name="my-item-qty" value="1" size="3" class="item-sztuk" /> <input type="submit" name="my-add-button" value="do koszyka" class="item-button" /> </fieldset> </form> '; ?> [PHP] pobierz, plaintext Skrypt JS jest od samego początku załadowany na stronę: [HTML] pobierz, plaintext <head> <script type="text/javascript" language="javascript" src="files/jcart.js"></script> </head> [HTML] pobierz, plaintext W momencie gdy wywołuję funkcję Ajax, odświerza mi WINO i przycisk, który powinien dodać mi je do koszyka, odświerza stronę i dopiero dodaje do koszyka. Próbowałem już dodać return false; w skrypcie PHP, ale wtedy nie dzieje się kompletnie nic. Jak rozwiązać ten problem ? Pozdrawiam ! Ten post edytował SpiJay 21.09.2013, 14:21:45 -------------------- zmoderowano - waga i rozmiar