Forum PHP.pl > jquery slide Toggle nie działa

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: jquery slide Toggle nie działa

Forum PHP.pl > Forum > Po stronie przeglądarki

slawekxx

2.03.2014, 07:27:34

Witam,

Mam pewiem problem z slide Toggle , a mianowicie nie działa poprawnie przy wczytywaniu pliku przez load

w pliku index.php mam taki kod

[PHP] pobierz, plaintext 
<script>function loading_hide(){
$('#loading').fadeOut('fast');
}                
function loadData(page){
//loading_show();                    
$.ajax
({
type: "POST",
url: "load_data.php",
data: "page="+page,
success: function(msg)
{
 
$("#container").ajaxComplete(function(event, request, settings)
{
 
loading_hide();
$("#container").html(msg);
 
});
}
});
}</script>
[PHP] pobierz, plaintext

gdzie plik load_data.php

to

[PHP] pobierz, plaintext 
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script> 
$(document).ready(function(){
  $("#flip").click(function(){
    $("#panel").slideToggle("slow");
  });
});
</script>
 
<style type="text/css"> 
#panel,#flip
{
padding:5px;
text-align:center;
background-color:#e5eecc;
border:solid 1px #c3c3c3;
}
#panel
{
padding:50px;
display:none;
}
</style>
</head>
<body>
 
<div id="flip">Click to slide the panel down or up</div>
<div id="panel">Hello world!</div>
 
</body>
</html>
[PHP] pobierz, plaintext

od razu po załadowaniu tego pliku div panel jest wysunięty, a prawidłowo winień być ukryty co jest nie tak ?

PrinceOfPersia

2.03.2014, 08:05:09

Cytat

$("#container").ajaxComplete(function(event, request, settings)

jakiś przestarzały kod masz:

Cytat

As of jQuery 1.8, the .ajaxComplete() method should only be attached to document.

http://api.jquery.com/ajaxcomplete/

slawekxx

2.03.2014, 08:05:58

z takiego linku http://palavas.biz/forum/viewtopic.php?p=6750#.UxLg4uN5Oe8

PrinceOfPersia

2.03.2014, 16:24:28

Dlatego nie warto brać skryptów niewiadomego pochodzenia, bo większość problemów tutaj wynika z tego, że ludzie coś znaleźli w google. Myśleli, że będzie szybciej wziąć gotowca, a efekt jest o 180 stopni odwrotny. Przez ile czasu byś coś takiego napisał? 15 minut? Pół godziny? Przecież to parę funkcji w jQuery odpalić...

Nie wiem dokładnie jaki efekt chcesz osiągnąć, ale spróbowałbym przenieść tego callbacka (funkcję, która ma sie wywoływać), do wywołania $.ajax, tak jak tutaj: http://api.jquery.com/Ajax_Events/

slawekxx

2.03.2014, 17:00:42

Cały problem to przeładowanie ,sprawdzałem już tą metodą , o której przed chwilą pisałaś owszem działa ale nie z pagninacją

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.