I am using the Pagination plugin. I have different class names that are created through PHP so need to get them using jQuery dynamically.
As you can see below, there are two '#hiddenresult div.result'. 'result' is the static class name that needs to change since the class name will be populated with PHP.
so, i want jquery to get the class name instead of me just hard coding it in as seen below.
The jQuery file:
Expand|Select|Wrap|Line Numbers
- <script type="text/javascript">
- function pageselectCallback(page_index, jq){
- var new_content = $('#hiddenresult div.result:eq('+page_index+')').clone();
- $('#Searchresult').empty().append(new_content);
- return false;
- }
- /**
- * Callback function for the AJAX content loader.
- */
- function initPagination() {
- var num_entries = $('#hiddenresult div.result').length;
- // Create pagination element
- $("#Pagination").pagination(num_entries, {
- num_edge_entries: 2,
- num_display_entries: 8,
- callback: pageselectCallback,
- items_per_page:1
- });
- }
- // Load HTML snippet with AJAX and insert it into the Hiddenresult element
- // When the HTML has loaded, call initPagination to paginate the elements
- $(document).ready(function(){
- initPagination();
- });
- </script>