-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathmain.js
More file actions
65 lines (59 loc) · 1.95 KB
/
main.js
File metadata and controls
65 lines (59 loc) · 1.95 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
var i = 0;
var by3 = 3;
var by4 = 4;
var viewModelLoader = {
feature: ko.observableArray()
};
var myLoader = $("#myloader");
function loadContent(dtype) {
$.ajax({
url: './ajax/loadmore.json',
dataType: 'json',
type: 'GET',
success: function (data) {
var content = "";
var by3 = "";
var by4 = "";
var myarr = [];
var xarray = [];
for (var i = 0; i < data.length; i++) {
if (i < 7) {
if (i < 4) {
//myarr.push($.extend(data[i], { "column": "by3" }));
by4 += '<h3>' + data[i].title + '</h3><p>Credits: <span>' + data[i].description + '</span><button id="like">like</button></p>';
} else {
by3 += '<h3>' + data[i].title + '</h3><p>Credits: <span>' + data[i].description + '</span><button id="like">like</button></p>';
}
}
}
content += "<div class='row' style='background: #ccc'>";
content += by4;
content += "</div>";
content += "<div class='row' style='background: #ddd'>";
content += by3;
content += "</div>";
if (dtype == 'html') {
myLoader.html(content);
} else {
$(content).insertBefore($("#loadMore"));
$("#loadMore button").attr('disabled', false);
}
}
});
}
$(function () {
loadContent('html');
$("button").on('click', $("#loadMore"), function () {
$(this).attr('disabled', true);
loadContent('after');
return false;
});
$("body").on('click', "#like", function () {
if ($(this).hasClass('click')) {
$(this).removeClass('click').text('like');;
} else {
$(this).addClass('click').text('unlike');
}
return false;
});
});