Конфликт скриптов при инициализации второго.
Накидал скриптик, для подгрузки инфы по клику. Всё отлично работает. Повесил галерею. Галерея работает, подгрузчик нет. Подскажите хотя бы как это называется и что почитать. Незнаю на какую тему гуглить.
$(document).ready(function(){
$('#myGallery').xdGallery({navigation:false});
$('#myGallery a').click(function(e) {
var url = $(this).attr('href');
$('#invisible_block').load(url);
e.preventDefault();
});
});
|
$.noConflict(); |
В таком случае ничего не происходит. Галерея работает, подгрузчик - нет. Или я не туда прописываю?
$(document).ready(function(){
$('#myGallery').xdGallery({navigation:false});
$('#myGallery a').click(function(e) {
var url = $(this).attr('href');
$('#invisible_block').load(url);
e.preventDefault();
});
$.noConflict();
});
|
Не так понял суть, убери, то что я написал до этого и ответь на несколько вопросов.
1. Событие onclick срабатывает, проверял? 2. #invisible_block случаем не invisible(display: none; visibility: hidden)? |
1. Срабатывает в таком коде, то есть без подключения слайдера.
$(document).ready(function(){
$('#myGallery a').click(function(e) {
var url = $(this).attr('href');
$('#invisible_block').load(url);
e.preventDefault();
});
});
При подключении галереи - не срабатывает (в firebug не вываливается ничего, в рабочем случае показан get запрос). Как я понимаю, при подключённой галереи клик не перехватывается. Ставил для проверки console.log. 2) Блок без стилей вообще. Пустой div, при щелчке на ссылку в него приходит инфа с сервера. |
$('#myGallery a').length
сколько элементов? |
12, но вообще будут подгрузаться ещё по ajax'у
|
Так тоже не работает?
$(function(){
$('#myGallery').xdGallery({navigation:false});
$('#myGallery a').live('click', function(e) {
$('#invisible_block').load($(this).attr('href'));
e.preventDefault();
return false;
});
});
|
Нет. Работает только слайдер. Подгрузка не работает
|
А обращение к серверу то идёт?
Или опять клик не срабатывает? |
Клик не срабатывает. Консоль файрбага пуста
|
Тогда проверь не висят ли какие-нибудь элементы над ссылками.
|
Спасибо за наводку. Проблему решил. Она заключалась в том, что скрипт напрочь менял вёрстку. Вместо аккуратного:
<div id="myGallery">
<a href="%тут была ссылка%">
<div class = "carousel_title">
%контент%
</div>
</a>
..........тут куча таких же ссылок, выводилось циклом в шаблоне.....................
</div>
Получилось такая жесть:
<div class="xdgallery horizontal">
<div class="prev"></div>
<div class="next" style="opacity: 0.5;"></div>
<div class="navigation" style="display: none;"></div>
<div class="carusel" style="margin-left: -150px;">
<a href="%тут была ссылка%" class="itemXDGalery">
<div class="carousel_title">%контент%</div>
</a>
и так далее ссылки
<div style="clear:both"></div>
</div>
</div>
Решено. |
| Часовой пояс GMT +3, время: 07:32. |