Tech
Forums
Jobs
Books
Events
Videos
Live
More
Interviews
Certification
Training
Career
Members
News
Blogs
Contribute
An Article
A Blog
A Video
An Ebook
An Interview Question
Register
Login
1
Answer
jquery boostrap paginate js plugin modification for pager po
omkar mhaiskar
7y
236
1
Reply
Hi All,
Currently i am working on one jquery plugin. below is the plugin. http://www.jqueryscript.net/other/Easy-Any-Content-Pagination-Plugin-jQuery-Paginate-js.html
using above plugin i have generated the dynamic list of ul using below code.
function
FetchData() {
$.ajax({
......
success:
function
(r) {
$.each(JSON.parse(data),
function
(key, result) {
// appending data in ul.
}
});
Called Another
function
for
pagination which is as per above plugin.
SetPaginate();
}
});}
function
SetPaginate() {
$(
'#locationdata'
).paginate({
perPage: 20,
autoScroll:
true
,
//paginatePosition: ['bottom'],
useHashLocation:
true
});
}
////below is my page design
<div
class
=
"DivwithScroll"
id=
"divresultdata"
>
<ul id=
'example'
>
</ul>
//Currently data pager is appering here as per plugin.
</div>
<div id=
"datapager"
>
// I Want to add it pager here instead of example which is comes after Ul.
</div>
/// Css
<style>
.DivwithScroll {
border: 2px solid black;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
margin: 0 -2px -2px 0;
height: 360px;
overflow-y: auto;
}
<style>
I am looking data pager of plugin outside ul parent div. have to separate out from plugin. Can anyone help me to seprate out data pager from ul list. in seprate div. I have check paginate js code .
***** js file**** This is some thing code written in js file.
var
paginationHTML = generatePagination();
//generate HTML for pagination
if
($.inArray(
'top'
, plugin.settings.paginatePosition) > -1) {
$element.before(paginationHTML);
}
if
($.inArray(
'bottom'
, plugin.settings.paginatePosition) > -1) {
$element.after(paginationHTML);
}
***** Js file code end here ******
Please help me thanks in advance.
Omi....
Post
Reset
Cancel
Answers (
1
)
Next Recommended Forum
How stop popup after showing error message on press enter
you want to send an alert message to the user when he/she st