Hopefully fixed error with 'reloading every click'

This commit is contained in:
Kasper Rynning-Tønnesen
2016-11-17 15:58:52 +01:00
parent 90f8a8f1a6
commit 8c218d1086
5 changed files with 15 additions and 9 deletions

View File

@@ -20,6 +20,10 @@
color:white !important;
}
.prev_page, .next_page{
cursor: pointer;
}
.prev_page_hide, .next_page_hide{
visibility: visible !important;
color:gray;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -80,11 +80,11 @@ var List = {
}
});
if($("#wrapper").children().length > 20 && !$("#pageButtons").length){
$('<div id="pageButtons"><span class="prev_page_hide">< prev</span><a href="#!" class="prev_page">< prev</a> <span id="pageNumber">1</span> <a href="#!" class="next_page">next ></a><span class="next_page_hide">next ></span></div>').insertAfter("#wrapper");
$('<div id="pageButtons"><span class="prev_page_hide">< prev</span><a class="prev_page">< prev</a> <span id="pageNumber">1</span> <a class="next_page">next ></a><span class="next_page_hide">next ></span></div>').insertAfter("#wrapper");
$(".prev_page").toggleClass("hide");
$(".next_page_hide").css("display","none");
} else if(!$("#pageButtons").length){
$('<div id="pageButtons"><span class="prev_page_hide">< prev</span><a href="#!" class="prev_page">< prev</a> <span id="pageNumber">1</span> <a href="#!" class="next_page">next ></a><span class="next_page_hide">next ></span></div>').insertAfter("#wrapper");
$('<div id="pageButtons"><span class="prev_page_hide">< prev</span><a class="prev_page">< prev</a> <span id="pageNumber">1</span> <a class="next_page">next ></a><span class="next_page_hide">next ></span></div>').insertAfter("#wrapper");
$(".prev_page").toggleClass("hide");
$(".next_page").toggleClass("hide");
$(".next_page_hide").css("display","inline-block");
@@ -104,7 +104,7 @@ var List = {
List.empty = true;
$("#wrapper").append("<span id='empty-channel-message'>The playlist is empty.</span>");
if(!$("#pageButtons").length){
$('<div id="pageButtons"><span class="prev_page_hide">< prev</span><a href="#!" class="prev_page">< prev</a> <span id="pageNumber">1</span> <a href="#!" class="next_page">next ></a><span class="next_page_hide">next ></span></div>').insertAfter("#wrapper");
$('<div id="pageButtons"><span class="prev_page_hide">< prev</span><a class="prev_page">< prev</a> <span id="pageNumber">1</span> <a class="next_page">next ></a><span class="next_page_hide">next ></span></div>').insertAfter("#wrapper");
$(".prev_page").toggleClass("hide");
$(".next_page").toggleClass("hide");
$(".next_page_hide").css("display","inline-block");

View File

@@ -408,11 +408,13 @@ $(document).on("click", "#closePlayer", function(e){
$("#closePlayer").remove();
});
$(document).on("click", ".prev_page", function(){
$(document).on("click", ".prev_page", function(e){
e.preventDefault();
List.dynamicContentPage(-1);
});
$(document).on("click", ".next_page", function(){
$(document).on("click", ".next_page", function(e){
e.preventDefault();
List.dynamicContentPage(1);
});