+- CodeIgniter Forums (https://forum.codeigniter.com)
+-- Forum: Using CodeIgniter (https://forum.codeigniter.com/forumdisplay.php?fid=5)
+--- Forum: General Help (https://forum.codeigniter.com/forumdisplay.php?fid=24)
+--- Thread: [Solved] Ajax pagination links triggers off canvas to open? (/showthread.php?tid=67923)
[Solved] Ajax pagination links triggers off canvas to open? - wolfgang1983 - 04-24-2017
I am now using ajax for my codeigniter pagination but when I click on my pagination links It triggers the off canvas to open
How can I prevent the off canvas to open when I click on my pagination links?
PHP Code:
<script type="text/javascript">
$(document).ready(function() {
var menuToggle = $('.toggle-button');
var menuToggleIcon = menuToggle.find('.fa');
var offCanvas = $('.offcanvas');
var content = $('.content');
menuToggle.click(function() {
closeMenu(menuToggleIcon, offCanvas);
});
content.click(function() {
closeMenu(menuToggleIcon, offCanvas);
});
function closeMenu(menuToggleIcon, offCanvas) {
menuToggleIcon.toggleClass('fa-indent fa-outdent');
offCanvas.toggleClass('open');
}
});
</script>
PHP Code:
<script type="text/javascript">
$(document).ready(function() {
function load_users_data(page){
$.ajax({
url:"<?php echo base_url(); ?>dashboard/users_pagination/" + page,
method:"GET",
dataType:"json",
success:function(data) {
$('#users_table').html(data.users_table);
$('#user_pagination_link').html(data.pagination_link);
}
});
}
load_users_data(1);
$(document).on("click", ".user-pag li a", function(event){
event.preventDefault();
var page = $(this).data("ci-pagination-page");
load_users_data(page);
});
});
</script>
PHP Code:
<script type="text/javascript">
$(document).ready(function() {
function load_users_data(page){
$.ajax({
url:"<?php echo base_url(); ?>dashboard/users_pagination/" + page,
method:"GET",
dataType:"json",
success:function(data) {
$('#users_table').html(data.users_table);
$('#user_pagination_link').html(data.pagination_link);
}
});
}
load_users_data(1);
$(document).on("click", ".user-pag li a", function(event){
event.preventDefault();
var page = $(this).data("ci-pagination-page");
load_users_data(page);
});
});
</script>
RE: Ajax pagination links triggers off canvas to open? - wolfgang1983 - 04-25-2017
I solved it couple of things I have had to do
Is on the offcanvas script I had to remove the code that I had and just use
PHP Code:
$(document).ready(function() {
$('.navbar-brand').on('click', function() {
$('.offcanvas').toggleClass('open');
});
});
And add e.preventDefault(); e.stopPropagation(); same with question-pag
PHP Code:
$(document).on("click", ".user-pag li a", function(e){
e.preventDefault();
e.stopPropagation();
var page = $(this).data("ci-pagination-page");
load_users_data(page);
});