六角學院 2022 公益程式體驗營,切版任務二 - chatTalker AI 機器人官網
我是用
input radio
去控制畫面呈現,Clicklabel
的同時想要取得現在已改變的value
,然後再依這個去做判斷。但是取到正確的值好像有一點點時間差,不知道是為什麼?目前用setTimeout
去防止出錯,不曉得老師和助教這邊有沒有更好的方式?
這邊推測應該是因為 click .btn-price
的瞬間, checked
的狀態還是在上一個 input
,所以會造成取值時有誤
可以參考不同的取值方式,例如從 click
的 button
取文字 $(this).text().split("位")[0];
或是將 $(".btn-price").click
這個監聽改為抓 input
的改變,如 $('input[name=plan]').change
也可以呦
-
建議將所有 SCSS 檔案都透過
all.scss
引入,不建議將檔案拆開,才不會有其它頁就又要引入其他 CSS,這樣會變成 20 頁就要分別引入 20 個 CSS,導致維護上的困難哦 -
JS 也建議可以統一寫在
all.js
就好,不用特別分開 -
all.scss
裡面的設定可以移到如_base.scss
,讓all.scss
當作主要引入檔,詳細可以參考這篇文章呦 -
這裡可以移除
-
手機板時可以調整一下
price.html
的margin
,設計稿中是推60px
哦
- 重複的樣式或是斷點的設計都可以試著使用 mixin 來統整