Слайдер Nivo не загружается должным образом после вызова AJAX

у меня такая проблема с сайтом

моя основная структура страницы такова

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>



<script type="text/javascript">
var escapedHash;

function findHash() {
    if(window.location.hash) {
        //$("#content").html("Loading...");

        escapedHash = window.location.hash.replace("#!", "");
        //alert(escapedHash);

        $.get("data.php?_escaped_fragment_=" + escapedHash, function(data) {
            $("#content").html(data);
        });
    }
}

$(document).ready(function() {
    findHash();
});

$(window).bind('hashchange', function() {
    findHash();
});
</script>

</head>

<body>


<ul id="nav">
<li><a href="#!page-1">Page-1</a></li>
<li><a href="#!page-2">Page-2</a></li>
...
<li><a href="#!page-n">Page-n</a></li>
</ul>


<div id="content"></div>

</body>
</html>

это загружает данные из этого массива data.php

<?php

$hash_frag = $_GET['_escaped_fragment_'];

$content = array(

"page-1" => 'content page 1',

"page-2" => 'content page 2',

...

"page-n" => 'content page n'



);

if(isset($hash_frag)) {
    echo $content[$hash_frag];
}

?>

Слайдер Nivo находится на одной из этих страниц, и если я обновлю URL-адрес /#!page-n (где page-n содержит слайдер), все работает отлично.

Как только я вызываю другую страницу, все идет, как и ожидалось, загружая контент с другой страницы и заменяя ползунок. Хорошо, все хорошо.

Теперь, если я попытаюсь загрузить слайдер с другой страницы, он просто не загрузится, или, лучше, он войдет в div, но не будет отображаться. Я уже связал инициализацию nivo.slider по клику, пробовал вставлять в массив или на главную страницу... без разницы.

Может ли кто-нибудь помочь мне решить эту огромную загадку для меня?

огромное спасибо Эмануэле


person manujj88    schedule 27.02.2012    source источник
comment
вы не импортировали ниво css и js   -  person mgraph    schedule 27.02.2012
comment
Я импортировал js... но забыл css!!!! Спасибо :)   -  person manujj88    schedule 28.02.2012


Ответы (1)


вы не импортировали плагины nivo css и js после <script src="http../jquery.min.js..

person mgraph    schedule 28.02.2012