AJAX навигация и расширение изображений - PullRequest
Новая
       35

AJAX навигация и расширение изображений

1 голос
/ 26 ноября 2011

У меня есть сайт с главной страницей index.php, с которой я загружаю контент при нажатии на элемент меню в index.php, используя JQuery Address.

На одной из страниц, загруженных в #content, есть изображения, которые я использую Highslide для расширения. Проблема в том, что когда изображение расширяется за границы #content div, этот div очищается и заменяется бредом ((JFIF и т. Д.).

Можно ли получить масштабируемое изображение с помощью AJAX-навигации?

EDIT: Это работает, если я дублирую код Highslide и перезагружаю JQuery на странице, загруженной в #content div: 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
<link rel="stylesheet" href="js/highslide/highslide.css" type="text/css" />
<script src="js/highslide/highslide.js" type="text/javascript"></script>
<script type="text/javascript">
    hs.graphicsDir = 'js/highslide/graphics/';
</script>

но это означает, что эти js-вызовы выполняются дважды на странице, и по непонятной мне причине это означает, что другие jquery-скрипты на index.php, включая Address, не работают подробнее ... Любая помощь будет принята с благодарностью!

1 Ответ

0 голосов
/ 01 декабря 2011

Мне не хватало чего-то очевидного. Тег, который оборачивал каждое изображение, которое нужно расширить, был обнаружен моим адресным вызовом, который я автоматически прикрепил к каждому тегу. Поэтому я просто добавил класс для изображений и исключил его из вызова: 

$('a:not(a.img)').livequery('click',function() {  
    $.address.value($(this).attr('href'));  
    return false;
});
...