[jQuery] ladowanie ajaxem do diva Opcje

[basu]

Witam,

moj problem polega na tym ze ladujac stronę "normalnie" wyglada tak (chodzi o dzial fotografie): [

po zastosowaniu

[PHP] pobierz, plaintext 
<?php
$(document).ready(function() {
	  $('#home_button').click(function() {
		$('#contents')
				.hide()
				.load('home/', function() {
					  $(this).fadeIn();
		});
	  });
	});
?>
[PHP] pobierz, plaintext 

dostaje cos takiego (fotografie sa przyciete i skrypt jquery zawarty w nim nie dziala):

kawalek htmla (div do fotografii, ktorego nie wyswietla):

[HTML] pobierz, plaintext 
<div id="featured-books">
				          <div class="covers">
				            <a href="covers/large/1847190871.jpg" title="Community Server Quickly">
				              <img src="media/gfx/photography_1.jpg" width="157" height="96" alt="Community Server Quickly" />
				              <span class="price">$35.99</span>
				            </a>
				            <a href="covers/large/1847190901.jpg" title="Deep Inside osCommerce: The Cookbook">
				              <img src="media/gfx/photography_1.jpg" width="157" height="96" alt="Community Server Quickly" />
				              <span class="price">$44.99</span>
				            </a>
				            <a href="covers/large/1847190979.jpg" title="Learn OpenOffice.org Spreadsheet Macro Programming: OOoBasic and Calc automation">
				              <img src="media/gfx/photography_1.jpg" width="157" height="96" alt="Community Server Quickly" />
				              <span class="price">$35.99</span>
				            </a>
				            <a href="covers/large/1847190987.jpg" title="Microsoft AJAX C# Essentials: Building Responsive ASP.NET 2.0 Applications">
				              <img src="media/gfx/photography_1.jpg" width="157" height="96" alt="Community Server Quickly" />
				              <span class="price">$31.99</span>
				            </a>
				          </div>
        			</div>
[HTML] pobierz, plaintext 

moze podam jeszcze css do tego:

[HTML] pobierz, plaintext 
#featured-books {
  position: relative;
  width: 400px;
  height: 76px;
  overflow: scroll;
  margin-left: 23px;
  padding: 0;
  text-align: center;
  z-index: 2;	
}
 
#featured-books .covers {
  position: relative;
  width: 840px;
  z-index: 1;
}
 
#featured-books a {
  float: left;
  margin: 10px;
  height: 76px;
 
}
 
#featured-books .price {
  display: none;
}
 
#featured-books .control {
  position: absolute;
  z-index: 3;
  left: 40px;
  top: 10px;
}
 
img.enlarged {
  position: absolute;
  z-index: 5;
  cursor: pointer;
}
 
img.enlarged-control {
  position: absolute;
  z-index: 6;
  cursor: pointer;
}
 
.enlarged-price {
  background-color: #373c40;
  color: #fff;
  width: 80px;
  padding: 5px;
  font-size: 18px;
  font-weight: bold;
  text-align: right;
  position: absolute;
  z-index: 6;
}
 
 
.sidewiper {
  position: relative;
  border: 1px solid #ccc;
  height: 300px;
}
 
#content .sidewiper h3 {
  position: relative;
  width: 20px;
  float: left;
  height: 280px;
  background-color: #15b;
  background-repeat: no-repeat;
  color: #fff;
  border-right: 1px solid #fff;
}
 
#content .sidewiper div {
  position: relative;
  width: 300px;
  padding: 10px;
  height: 260px;
  float: left;
}
[HTML] pobierz, plaintext 

dodatkowo jest plik jQuery do obslugi, ale moze podam go pozniej jak bedzie potrzebny . Po zaladowaniu ajaxem, skrypt nie chodzi ani nie wyglada poprawnie. Kod jest z ksiazki i nie pozmienialem jeszcze nazw, co moze troche mylic, ale ogolnie przyklad chodzi wczytywany "normalnie". Co z tym zrobic?

Ten post edytował basu 21.01.2008, 22:52:52

[woj_tas]

Fajnie by było jakbyś podał url-a do strony. Na pierwszy rzut oka wydaje sie ze funkcja ładuje strone i zamiast zastępować text w danym divie (w twoim przypadku obrazki) do ona dodaje do istniejącej już treści. Spróbuj usunąć funkcję .hide().

[basu]

nic to nie dalo, ladujac do diva zawartosc - dalej niepoprawnie wyswietla zawartosc.

plik mam podzielony na 3 czesci: banner, tresc i stopke, do diva content laduje po prostu srodek strony w zaleznosci od podstrony.
klikajac na kontakt, laduje ajaxem zawartosc kontaktu, wszystko jest ok. Tylko ladujac zawartosc pokazana na rysunku sypie sie

moze chodzi o to, ze zwracajac htmla przez ajax, strona nie wykonuje kodu js. Jednak js jest podpiety w <head>, a kod na ktorym ma byc operacja js jest zwracany, ale nie wykonywany. Jak to zrobic w jQuery?

Ten post edytował basu 21.01.2008, 23:32:21