Здравствуйте.
Есть маленький плагин который реализует навигацию постраничную.
Разметка html (Прилетает с сервера). 4 кнопки и поле input.
<div id='navigTovars'>
<div class="vhorButton" data-nav='pFirst'></div>
<div class="vhorButton" data-nav='pPrev'></div>
<span>Страница <input value='{current_page}' type='text' size='5' /> из <b>{total_pages}</b></span>
<div class="vhorButton" data-nav='pNext'></div>
<div class="vhorButton" data-nav='pLast'></div>
<div class="vhorButton pReload" data-nav='pReload'></div>
</div>
$.fn.myPagination = function(callback){
if( ! this.length) return;
this.find('SPAN INPUT').livequery('keypress',function(e){
if(e.keyCode==13) callback($(this).val());
})
this.find('.vhorButton').livequery('click',function(){
var i = $(this).parent().find('SPAN INPUT');
var p = parseInt(i.val());
switch($(this).data('nav')){
case "pNext" : p++; break;
case "pPrev" : p--; break;
case "pFirst" : p = 1; break;
case "pLast" : p = i.next('B').text(); break;
case "pReload" : break;
}
callback(p);
})
}
// Используем так:
$("#navigTovars").myPagination(function(p){
// Сюда прилетает страница для переход к нужной стр.
// Можно сделать AJAX запрос или просто location.href
})
А как можно в плагин добавить ещё метод или функционал что бы просто можно было вызывать событие click для любой из кнопок.
Что то вроде:
$('selector').on('click', function(){});
$('selector').click();
Спасибо...