Всем привет! Есть такая проблема, загружается страница в которой есть блок с областями и у каждой области есть id, в этих областях есть некий класс (для пагинации, в каждой области один и тоже + тег р).
Вызываю функция в определенном блоке скрипт отрабатывает так как и ожидалось, но когда я добавляю в еще один блок вызов функции, то крах
сама функция
function paginator(img, oblast, block){
var count_items = img.length;
var pageText = '<div class="img_block" id="show-';
var page = 1;
var first = 'first';
var laste = 'laste';
var temp = '';
var globText = "";
if(img.length > 16){
for (var i = 1; i <= Math.ceil(img.length/16); i++){
if ( i > 1 )
text = '<a class="swith" style="cursor:pointer;" id="' + i + '">' + i + '</a> ';
else
text = '<a class="swith act" style="cursor:pointer;" id="' + i + '">' + i + '</a> ';
$(".pages p").append(text);
}
}
for (var i = 1; i < img.length + 1; i++)
{
if( ( i - 1 ) % 4 === 3) temp = laste;
if( i % 4 === 1 ) temp = first;
var text = '<div class="block ' + temp + '"> \
<div class="img">\
<img class="img2" src="/img/fraud/' + oblast + '/' + img[i-1] + '.jpg" />\
</div>\
</div>';
if ( i == 1 ) text = pageText + page + '">' + text ;
if ( i%16 == 0 )
{
page = i/16 + 1;
text = text + "<div style='clear:both;'></div>" + "</div>" + pageText + page + '" style="display:none;">';
}
temp = '';
globText += text;
}
$('.swith').click(function(){
var id = $(this).attr('id');
if($(this).hasClass('act')){
return true;
}
else{
$('.multishow_block:not(.none) .img_block').hide();
$('.multishow_block:not(.none) .swith').removeClass('act');
$(this).addClass('act');
$('.multishow_block:not(.none) #show-' + id).show();
}
});
$('.multishow_box h2').hide();
$('#' + block).append(globText);
}
html разметка
<div id="multishow-block_25-213" class="multishow_block info none">
<div class="pages" float="left"><p></p></div>
<div>
<div id="multishow-block_25-214" class="multishow_block info none">
<div class="pages" float="left"><p></p></div>
<div>
<div id="multishow-block_25-215" class="multishow_block info none">
<div class="pages" float="left"><p></p></div>
<div>
....
и так далее
вызываю функцию так
var img = [1,2,3];
var oblast = 'aaaa';
var block = 'multishow-block_25-213';
$(document).ready(function(){
paginator(img, oblast, block);
});
делал вот так, никакого результата не дал
$("#" + block + ">.pages > p").append(text);