NFTBoard/goto.js

var random = Math.floor(Math.random() * $('.youtube').length);
$('.youtube').hide().eq(random).show();
// sec03排名table輪播
$('#sec03-slider').slick({
  arrows: false,
  slidesToShow: 1,
  slidesToScroll: 1,
  infinite: true,
});

$('#sec03-slider-next').click(function () {
  $('#sec03-slider').slick('slickNext')
});

// sec05 熱門作品 手機輪播
$('#sec05-moblie-slider').slick({
  arrows: false,
  slidesToShow: 1,
  slidesToScroll: 1,
  infinite: true,
 

});


$('#sec05-slider-next').click(function () {
  $('#sec05-moblie-slider').slick('slickNext')
});




// sec05桌機輪播
$('#sec05-destop-slider').slick({
  arrows: true,
  slidesToShow: 3,
  slidesToScroll: 3,
  infinite: true,

});
// sec06桌機輪波
// $('#sec06-container').slick({
//     arrows: true,
//     slidesToShow: 4,
//     slidesToScroll: 3,
//     infinite:true,
// });

// $('#sec06-2-slider').slick({
//   arrows: true,
//   slidesToShow: 3,
//   slidesToScroll: 3,
//   infinite:true,
//   vertical:true,
// });



$(function () {
  $('#sec06-container').slick({
    slidesToShow: 4,
    slidesToScroll: 3,
    infinite: true,
    arrows: true,
    
    responsive: [
      {
        breakpoint: 600, // RWD在1024寬度時切換顯示數量
        settings: {
          arrows: false,
          slidesToShow: 1, //一次顯示3個
          slidesToScroll: 1,//切換下一頁時移動3個
          infinite: true,
        }
      }, {
        breakpoint: 600,// RWD在600寬度時切換顯示數量
        settings: {
          arrows: false,
          slidesToShow: 1,//一次顯示2個
          slidesToScroll: 1,//切換下一頁時移動2個
          infinite: true,
        }
      },
    ]
  });
})

// sec04  洞察報告 手機輪播 
$('#sec04-moblie-container').slick({
  arrows: false,
  slidesToShow: 1,
  slidesToScroll: 1,
  infinite: true,
  // centerMode: true,
});
// $('#sec04-slider-next').click(function () {
//   $('#sec04-moblie-container').slick('slickNext')
// });

// 手機板menu彈跳視窗
$("#menu-box2").hide();
$("#menu-box").hide();

$(".link").click(function () {
  $("#menu-box").fadeOut("slow", function () {
    $("#menu-box2").fadeOut("slow");
    // Animation complete.
  });
});

$("#menu-btn1").click(function () {
  $("#menu-box").fadeIn();
  $("#menu-box2").fadeIn();

});

$(".close").click(function () {
  $("#menu-box").fadeOut();
  $("#menu-box2").fadeOut();

});

$("*").each(function (index, element) {
  // 此元素被點選後執行
  $(this).click(function (e) {
    // 取得被點選元素的屬性：data-gt-target
    var target = $(this).attr("data-gt-target");
    var duration = $(this).attr("data-gt-duration");
    var offset = $(this).attr("data-gt-offset");

    // JS 語法：判斷式
    // if (條件) {程式區塊}
    // 當條件成立，會執行程式區塊

    // 如果 目標有資料 才會執行 { } 內的程式
    // 避免出現 undefine (未定義 - 不存在的資料)
    if (target) {
      //console.log("目標：" + target);
      //console.log("時間：" + duration);
      //console.log("位移：" + offset);

      // 上方位置 = 目標區塊.位移().上方位置
      var top = $(target).offset().top;
      //console.log("要前往元素的上方位置：" + top);

      // 網頁元素.停止().動畫({ 上方捲動：指定元素 - 位移}，持續時間)
      // parseInt() 將文字轉為數字

      $("html").stop().animate({
        scrollTop: top - offset
      }, parseInt(duration));
    }
  });
});

// 避免動畫與使用者滾輪衝突
// html 在滾動滾輪時 停止 html 所有效果
$("html").on("mousewheel", function () {
  $("html").stop();
});

$(".sec03-table-title").addClass("contant-toggle");

$("#sec03-slider").on('beforeChange', function (event, slick, currentSlide, nextSlide) {
  console.log('beforeChangeEvent: currenSlide=' + currentSlide + ', nextSlide= ' + nextSlide);
  if (nextSlide == 1) {
    $(".sec03-table-title").removeClass("contant-toggle");
    $(".sec03-table-title2").addClass("contant-toggle");
  }

  else if (nextSlide == 0) {
    $(".sec03-table-title2").removeClass("contant-toggle");
    $(".sec03-table-title").addClass("contant-toggle");
  }

});

// 電腦版email
$.fn.serializeObject = function () {
  var o = {};
  var a = this.serializeArray();
  // o["id"] = 0;
  // o["time_stamp"] = "";
  $.each(a, function () {
    if (o[this.name]) {
      if (!o[this.name].push) {
        o[this.name] = [o[this.name]];
      }
      o[this.name].push(this.value || '');
    } else {
      o[this.name] = this.value || '';
    }
  });

  return o;
};

$(".contact-form-destop").submit(function (e) {
  /*	var formRef = $('#form1').serializeArray();
    var jsonString = JSON.stringify(formRef);*/
  var jsonInfo = $('.contact-form-destop').serializeObject();
  var jsonString = JSON.stringify(jsonInfo);
  console.log(jsonString),
    $.ajax({
      type: 'POST',
      url: 'https://nftboard.info:8001/add_sub',
      data: jsonString,
      dataType: 'json',

      success: function (data) {
        console.log('送出成功: ' + data);
        alert("訂閱成功");
        // if (data == 0) {
        //   alert("送出成功");
        // } else if (data == 1) {
        //   alert("此email已填過表單");
        // } else if (data == 2) {
        //   alert("此phone已填過表單");
        // } else if (data == 3) {
        //   alert("此email、phone已填過表單");
        // }
        // location.reload();
      },
      beforeSend: function () {
        console.log('beforeSend');
      },
      complete: function () {
        console.log('complete');
      },
      error: function (jqXHR, textStatus, errorThrown) {
        console.log(JSON.stringify(jqXHR));
        console.log("AJAX errr: " + textStatus + ' : ' + errorThrown);
        console.log('送出失敗: ' + jqXHR.responseText);
      }
    });
  return false;
});

// 手機板 email
$.fn.serializeObject = function () {
  var o = {};
  var a = this.serializeArray();

  $.each(a, function () {
    if (o[this.name]) {
      if (!o[this.name].push) {
        o[this.name] = [o[this.name]];
      }
      o[this.name].push(this.value || '');
    } else {
      o[this.name] = this.value || '';
    }
  });

  return o;
};

$(".contact-form-mobile").submit(function (e) {
  /*	var formRef = $('#form1').serializeArray();
    var jsonString = JSON.stringify(formRef);*/
  var jsonInfo = $('.contact-form-mobile').serializeObject();
  var jsonString = JSON.stringify(jsonInfo);
  console.log(jsonString),
    $.ajax({
      type: 'POST',
      url: 'https://nftboard.info:8001/add_sub',
      data: jsonString,
      dataType: 'json',



      success: function (data) {
        console.log('送出成功: ' + data);
        alert("訂閱成功");
        // if (data == 0) {
        //   alert("送出成功");
        // } else if (data == 1) {
        //   alert("此email已填過表單");
        // } else if (data == 2) {
        //   alert("此phone已填過表單");
        // } else if (data == 3) {
        //   alert("此email、phone已填過表單");
        // }
        location.reload();
      },
      beforeSend: function () {
        console.log('beforeSend');
      },
      complete: function () {
        console.log('complete');
      },
      error: function (jqXHR, textStatus, errorThrown) {
        console.log(JSON.stringify(jqXHR));
        console.log("AJAX errr: " + textStatus + ' : ' + errorThrown);
        console.log('送出失敗: ' + jqXHR.responseText);
      }
    });
  return false;
});
$(function() {

$("#sec05-moblie").swipe( { fingers:'all', swipeLeft:swipe1, swipeRight:swipe2} );
function swipe1(event, direction, distance, duration, fingerCount) {
  $('#sec05-moblie-slider').slick('slickNext')//向左滑動你要執行的動作 
}
function swipe2(event, direction, distance, duration, fingerCount) {
  $('#sec05-moblie-slider').slick('slickPrev') //向右滑動你要執行的動作
}
});

$(function() {

  $(".sec05-button").swipe( { fingers:'all', swipeLeft:swipe1, swipeRight:swipe2} );
  function swipe1(event, direction, distance, duration, fingerCount) {
    $('#sec05-moblie-slider').slick('slickNext')//向左滑動你要執行的動作 
  }
  function swipe2(event, direction, distance, duration, fingerCount) {
    $('#sec05-moblie-slider').slick('slickPrev') //向右滑動你要執行的動作
  }
  });

  $(function() {

    $("#sec06").swipe( { fingers:'all', swipeLeft:swipe1, swipeRight:swipe2} );
    function swipe1(event, direction, distance, duration, fingerCount) {
      $('#sec06-container').slick('slickNext')//向左滑動你要執行的動作 
    }
    function swipe2(event, direction, distance, duration, fingerCount) {
      $('#sec06-container').slick('slickPrev') //向右滑動你要執行的動作
    }
  });

  $(function() {

    $("#sec04-moblie").swipe( { fingers:'all', swipeLeft:swipe1, swipeRight:swipe2} );
    function swipe1(event, direction, distance, duration, fingerCount) {
      $('#sec04-moblie-container').slick('slickNext')//向左滑動你要執行的動作 
    }
    function swipe2(event, direction, distance, duration, fingerCount) {
      $('#sec04-moblie-container').slick('slickPrev') //向右滑動你要執行的動作
    }
  });