123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188 |
- $(function () {
-
- new Swiper('.vnav-box', {
- autoplay: false,
- slidesPerView: 'auto',
- spaceBetween: 10,
- })
-
- var wdata = new Object();
- wdata.cityID = 0;
- var mescroll = new MeScroll("mescroll", {
- up: {
- callback: getListData,
- isBounce: false,
- clearEmptyId: "dataList",
- toTop: {
- src: "/js/videolist/dist/res/mescroll-totop.png",
- offset: 100
- },
- lazyLoad: {
- use: true
- }
- }
- });
- $('.video-nav').on('click', 'a', function () {
- var $that = $(this);
- wdata.cityID = $that.attr('data-cid');
- $that.addClass('on').siblings().removeClass('on');
-
- mescroll.resetUpScroll();
-
- mescroll.hideTopBtn();
- })
- $('.video-nav a').eq(0).click();
-
- function getListData(page) {
-
-
- getListDataFromNet(wdata.cityID, page.num, page.size, function (curPageData) {
-
-
- mescroll.endBySize(curPageData.length, totalSize);
-
- setListData(curPageData, page.num);
- }, function () {
-
- mescroll.endErr();
- });
- }
-
- function setListData(curPageData, page) {
- var listDom = document.getElementById("dataList");
- for (var i = 0; i < curPageData.length; i++) {
- var pd = curPageData[i];
- var str = '<a href="/video/videodetails/' + pd.id + '">';
- str += '<div class="video-list-img">';
- str += '<img src="' + pd.thumb + '" alt="">';
- str += '</div>';
- str += '<div class="video-list-font">';
- str += '<p class="video-list-title">' + pd.name.substring(0, 18) + '</p>';
- str += '<p class="video-list-label">';
-
-
- str += '</p>';
- str += '</div>';
- str += '</a>';
- var liDom = document.createElement("li");
- liDom.innerHTML = str;
- listDom.appendChild(liDom);
- }
- }
-
- function getListDataFromNet(cityId, pageNum, pageSize, successCallback, errorCallback) {
-
- setTimeout(function () {
- $.ajax({
- type: 'get',
- url: '/video/getvideo',
-
- data: {city: wdata.cityID, page: pageNum, limit: pageSize},
- dataType: 'json',
- success: function (data) {
- var listData = [];
- totalSize = data.count;
- $.each(data.data, function (k, v) {
- listData.push(v);
- })
-
- successCallback(listData);
- },
- error: errorCallback
- });
- }, 1000)
- }
- $('.seek-btn').on('click', function () {
- var txt = $('.seek-txt').val();
- var li = '';
- $.ajax({
- type: 'post',
- url: '/video/search',
- data: {text: txt},
- dataType: 'json',
- success: function (data) {
- $.each(data.data, function (k, v) {
- li += '<li>';
- li += '<a href="/video/videodetails/' + v.id + '">';
- li += '<div class="video-list-img">';
- li += '<img src="' + v.thumb + '" alt="">';
- li += '</div>';
- li += '<div class="video-list-font">';
- li += '<p class="video-list-title">' + v.name.substring(0, 18) + '</p>';
- li += '<p class="video-list-label">';
-
-
- li += '</p>';
- li += '</div>';
- li += '</a>';
- li += '</li>';
- })
- $('#dataList').html('');
- $('#dataList').append(li);
- }
- });
- })
- })
|