[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: modalbox+пагинация+форма=головная боль
T0L1K.IT
Есть контент который выводится на страницу с пагинацие(брался готовый пример, был правда добавлен выбор по категориям контента) и высё хорошо было, пока я не решил прикрутить к этому делу плагин для всплывающих окон(modalbox). Но вот тут то и возникла проблема. С пагинацией модалболкс отказался работать. Потом я решил проверить отправку форм с помощью jquery на работоспособность с пагинацией и окнами всплывающими, и она тоже не заработала.
Собственно в чем вопросы: что может стать причиной такого бага? Не совместимость плагинов,кривые руки, etc? Что делать и кто виноват? Как решить проблему?
p.s. на окна всплывающие можно забить, главное что не работает отправка формы со страницы.
Пагинация:
 $(document).ready(function(){ var pageNum = this.id; $("#pagination li:first").css({'color' : '#FF0084'}).css({'border' : 'none'}); $("#content").load("pagination_data.php?page=1&mq=", $("#pagination li").click(function(){ //CSS Styles
$("#pagination li")
.
css({'border' : 'solid #dddddd 1px'})
.
css({'color' : '#0063DC'});

$(this)
.
css({'color' : '#FF0084'})
.
css({'border' : 'none'});

//Loading Data
var pageNum = this.id;

$("#content").load("pagination_data.php?page=" + pageNum+"&mq="+document.getElementById('mq').value);
}));
$('#mq').change(function(){
//Display Loading Image
function Display_Load()
{
$("#loading").fadeIn(600,0);
$("#loading").html("<img src='ajax-loader.gif' />");
}
//Hide Loading Image
function Hide_Load()
{
$("#loading").fadeOut('slow');
};


//Default Starting Page Results


$("#pagination li:first").css({'color' : '#FF0084'}).css({'border' : 'none'});

Display_Load();

$("#content").load("pagination_data.php?page=1&mq="+document.getElementById('mq').value, Hide_Load());



//Pagination Click
$("#pagination li").click(function(){



//CSS Styles
$("#pagination li")
.
css({'border' : 'solid #dddddd 1px'})
.
css({'color' : '#0063DC'});

$(this)
.
css({'color' : '#FF0084'})
.
css({'border' : 'none'});

//Loading Data
var pageNum = this.id;

$("#content").load("pagination_data.php?page=" + pageNum+"&mq="+document.getElementById('mq').value);
});

});
});

Вот форма(сама по себе рабочая)6
<form id="qForm" ACTION="./addst2.php"  METHOD="POST"> 
<
input type="hidden" id="qid" name="qid" value="<? echo $_GET[q_id];?>">
</
p>
<
br>
<
input type=text name="money" id="money" onkeyup="return proverka(this);" value="1" size="3" maxlength="3">голосов</b> <!--поле дя ввода голосов-->
<
br>
<
tr>

</
td>
</
tr>
<
INPUT name="submit" TYPE="submit" VALUE="Ok" >
</
form>
<
script type="text/javascript">
$(document).ready(function(){
$("#qForm").ajaxForm(function() {$("#qForm").resetForm();

});


});
</
script>





Спустя 16 часов, 45 минут (4.11.2011 - 13:40) Stasonix написал(а):
В консоль смотрели? Еще в ИЕ попробуйте че он там ошибки может какие-нть увидите, у меня тоже иногда такое бывает, иногда действительно не там подключаю, иногда сам плагин не хочет сложный селектор воспринимать за объект, а у вас еще может и на событие не реагировать, происходящие после того как дом-элементы загружены,что типа live или bind нужно делать (хотя этот вариант весьма неопределенный, но у меня такое было).

Спустя 1 час, 22 минуты, 41 секунда (4.11.2011 - 15:03) T0L1K.IT написал(а):
консоль кроме как на $("#qForm").ajaxForm is not a function больше ни на что не жалуется.
ФОрма выводится через echo, если просто вставить на страницу вне пхп кода,то она работать будет (почти т.к. отправляется с перезагрузкой страницы). На страницу выводится несколько таких форм.
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.