huaisianhuang 3 lat temu
rodzic
commit
3f8c951cb3
2 zmienionych plików z 11 dodań i 5 usunięć
  1. 4 4
      index.html
  2. 7 1
      js/index.js

+ 4 - 4
index.html

@@ -153,17 +153,17 @@
             <li class="nav-item col" role="presentation">
               <button class="nav-item-link nav-item-active bg-transparent" id="pills-hot-tab"
               data-bs-toggle="pill" data-bs-target="#pills-hot" type="button" role="tab"
-              aria-controls="pills-hot" aria-selected="true">最夯設計</button>
+              aria-controls="pills-hot" aria-selected="true" data-link="https://hhh.com.tw/cases/lists/">最夯設計</button>
             </li>
             <li class="nav-item col" role="presentation">
               <button class="nav-item-link nav-item-active bg-transparent" id="pills-video-tab"
               data-bs-toggle="pill" data-bs-target="#pills-video" type="button" role="tab"
-              aria-controls="pills-video" aria-selected="false">影音實錄</button>
+              aria-controls="pills-video" aria-selected="false" data-link="https://hhh.com.tw/videos/lists/">影音實錄</button>
             </li>
             <li class="nav-item col" role="presentation">
               <button class="nav-item-link nav-item-active bg-transparent" id="pills-blog-tab"
               data-bs-toggle="pill" data-bs-target="#pills-blog" type="button" role="tab"
-              aria-controls="pills-blog" aria-selected="false">專欄文章</button>
+              aria-controls="pills-blog" aria-selected="false" data-link="https://hhh.com.tw/columns/lists/">專欄文章</button>
             </li>
           </ul>
           <div class="more">
@@ -257,7 +257,7 @@
     </section>
     <section class="sec-05 py-4">
       <div class="px-3 pb-3 d-flex align-items-center justify-content-between">
-        <div><h3 class="mb-0">VIDEO</h3></div>
+        <div><h3 class="mb-0">最新影音</h3></div>
         <div class="more">
           <a href="https://hhh.com.tw/videos/lists/" class="morelink" target="_blank">更多 more ></a>
         </div>

+ 7 - 1
js/index.js

@@ -57,11 +57,13 @@ $(".sec-01__slider").slick({
 
       function renderSec03(data) {
         let randomIdx = Math.floor(Math.random()*3);
+        let moreLinks = ['https://hhh.com.tw/cases/lists/', 'https://hhh.com.tw/videos/lists/', 'https://hhh.com.tw/columns/lists/'];
         const ran = $('.sec-03__tabdiv .nav-item-link').eq(randomIdx);
         const ranDiv = $('#pills-tabContent .tab-pane').eq(randomIdx);
         ran.addClass('active');
         ranDiv.addClass('active');
         ranDiv.addClass('show');
+        $('.sec-03 .morelink').attr('href', $('.sec-03__tabdiv .nav-item-link.active').data('link'));
           let temp = data[2]['data'];
           for(let i = 0; i < temp.length; i++){
             if(temp[i]["tab"] == '最夯設計'){
@@ -105,7 +107,11 @@ $(".sec-01__slider").slick({
               let str = item.textContent.substring(0, 20) + '...';
               item.textContent = str;
             }
-          })
+          });
+         $('.sec-03__tabdiv .nav-item-link').click(function() {
+          $('.sec-03 .morelink').attr('href',$('.sec-03__tabdiv .nav-item-link.active').data('link'));
+         });
+          
       }
       function renderSec06(data) {
           let temp = data[3]['data'];