Forum PHP.pl > [AJAX][jQuery] jQuery Ajax + jQuery UI

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [AJAX][jQuery] jQuery Ajax + jQuery UI - konflikt?

miki3475

31.01.2011, 15:14:38

Witam serdecznie,
oto mój skrawek kodu:

[HTML] pobierz, plaintext 
  <link type="text/css" href="css/dot-luv/jquery-ui-1.8.9.custom.css" rel="stylesheet" />	
  <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
   <script type="text/javascript" src="js/jquery-ui-1.8.9.custom.min.js"></script>  
 
		<script type="text/javascript">
		var ajax_load = "<br /><img src='ajax-loader.gif' alt='Ładowanie' /><br />Ładowanie";  
			 $(document).ready(function(){
			$('#wyszukaj').click(function(){
			$('#zwijaj').load('wybor.php', $('#form').serializeArray());
			});
			});
jQuery(document).ajaxStart(function(){
$('#zwijaj').html(ajax_load);
$('#wyszukaj').attr('disabled','disabled');
})
jQuery(document).ajaxStop(function(){
$('#wyszukaj').removeAttr('disabled');
})
			$(function(){
				$("#zwijaj").accordion({ header: "h3"});
			});
		</script>
 
 
</head>
<body>
<div class="tresc">
	<div class="logo">
		zxc
		<div class="sublogo">
			by miki
		</div>
	</div>
	<hr />
	<div class="instrukcja">1. Podaj szukaną frazę oraz wybierz kategorię postu</div>
<form id="form" action='wybor.php' method='post'>
	<input class='fraza' name='fraza' type="text" />
	<select class='kategoria' name='wybor_dzialu'>
		<option value="9">1</option>
		<option value="24">2</option>
 
	</select>
	<input class='ilosc' name='ilosc' type="text" value="10"/>
	<input type="button" id="wyszukaj" class="guzik" value="Wyszukaj"/><br />
</form>
<div id="zwijaj"><div>
[HTML] pobierz, plaintext

Jest to połączenie Ajax'u wraz z jQuery UI.
'wybor.php' oddaje poprawne dane:

[HTML] pobierz, plaintext 
<div> 
<h3><a href='#'>1</a></h3>
<div>abc</div></div>
 
<div>
<h3><a href='#'>2</a></h3>
<div>zxc</div></div>
[HTML] pobierz, plaintext

Gdy coś takiego wprowadzam do div'a "zwijaj", wszystko działa poprawnie (jak otwieram stronę).
Niestety, gdy to jest już jako efekt ajax'u niestety nie działa nic, tak jakby ignorowało kod jQuery UI, który tam jest.

Z góry dzięki za pomoc

Stef@n

31.01.2011, 18:42:18

Chodzi Ci o to, że działa tylko na pierwsze kliknięcie?

Jak tak to zobacz to http://docs.jquery.com/Plugins/livequery

miki3475

2.02.2011, 19:25:05

Chodzi mi o to, że po wczytaniu Ajax'a, w treści załadowanej przez Ajax'a nie działa jQuery UI.

Ponawiam, sprawa bardzo pilna.

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.