function getParameterByName(name, url = window.location.href) { name = name.replace(/[\[\]]/g, '\\$&'); var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'), results = regex.exec(url); if (!results) return null; if (!results[2]) return ''; return decodeURIComponent(results[2].replace(/\+/g, ' ')); } $(document).ready(function () { var id = getParameterByName('id'); console.log(id); function get_data() { $.ajax({ method: "GET", url: "../designer4.json", dataType: "json", }) .done(function (msg) { for (var i = 0; i < msg.length; i++) { if (msg[i].id == id) { var aboutContent = ''; var aboutInt = ''; var aboutImg = ''; var aboutViedeo = ''; var aboutMethod = ''; var aboutIntPhone = ''; var bodyBannerDes = ''; var webtitle=''; console.log(msg[i]); // var res = msg.length; // console.log(res); // const limit = res; // 公司簡介 aboutContent += ' \
\
\

|接案條件 condition

\ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \
接案區域\ '+ msg[i].WorkLoc + '\
接案類型\ '+ msg[i].WorkType + '\
接案風格\ '+ msg[i].WorkStyle + '\
接案預算\ '+ msg[i].WorkBudget + '\
接案坪數\ '+ msg[i].WorkSize + '\
特殊接案\ '+ msg[i].WorkSoho + '\
\
\
\

|設計理念 idea

\ \ \ \ \ \ \
\ '+ msg[i].DesignIdea1 + '\
\
\
\

|聯絡設計師 contact

\ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \
\ 免付費電話/ '+ msg[i].TollFreeCall + '\
\ 電話/'+ msg[i].Telephone + '\
\ 地址/'+ msg[i].Address + '\
\ 傳真/'+ msg[i].Fax + '\
\ 電子郵件/' + msg[i].Email + '\
\ 網站/' + msg[i].Web + '\
\ Facebook:' + msg[i].Facebook + '\
\
\
'; aboutInt += ' \ '; aboutIntPhone += ' \ '; console.log(msg[i].workimg.length) for (var j = 0; j < msg[i].workimg.length; j++) { aboutImg += ' \
\ \
\

'+ msg[i].workimg[j].text + '

\
\
\
'; } var j =0; if (msg[i].workVideo[j]==undefined) { aboutViedeo += ' \
\
\

Stay tuned !

\

...敬請期待...

\
\
'; } else { for (var j = 0; j < msg[i].workVideo.length; j++) { aboutViedeo += ' \
\ \
\

'+ msg[i].workVideo[j].videotext + '

\
\
\
'; } } var j =0; if (msg[i].workMethod[j]==undefined) { aboutMethod += ' \
\
\

Stay tuned !

\

...敬請期待...

\
\
'; } else { for (var j = 0; j < msg[i].workMethod.length; j++) { aboutMethod += ' \
\ \
\

'+ msg[i].workMethod[j].Methodtext + '

\
\
\
'; } } bodyBannerDes += ' \ \ '; webtitle += ' \ 幸福空間::: 2021 觀眾最愛設計師 | 滿足你期待回家的夢想推手|'+ msg[i].DesignerName +'設計師\ '; $('.sec03-1').html(aboutViedeo); $('.sec02-1').html(aboutImg); $('.banner-des-about').html(aboutInt); $('.sec01').html(aboutContent); $('.sec04-1').html(aboutMethod); $('.banner-m').html(aboutIntPhone); $('#bannerdes-img').html(bodyBannerDes); $('#webtitle').html(webtitle); } } }); } get_data(); }); $(".arrow").hide(); $(window).scroll(function () { var y1 = window.scrollY; if (y1> 100) { $(".arrow").show(); } else { $(".arrow").hide(); } }); // $(window).scroll(function () { // var y = window.scrollY; // if (y > 550) { // $(".nav").addClass("sfixed"); // } else { // $(".nav").removeClass("sfixed"); // } // }); if (jQuery(window).width() < 767) { $(window).scroll(function () { var y = window.scrollY; if (y > 550) { $(".nav").css({"position":"fixed","top":"38px","z-index":"10"}); } else { $(".nav").css({"position":"static"}); } }); } // $(document).ready(function(){ // $(window).resize(function() { // wdth=$(window).width(); // console.log(wdth) // }); // }); $("*").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(); });