week7 homework

[futianshen]

Week7 作業三，在完成 AJAX 功能之後，才使用 Bootstrap 修改版面，因為更動了 HTML 結構，所以有兩個版本。

• Original
• Bootstrap

本週完成事項

• Week 6 檢討

  • 將 sql 指令全部改用 Prepare Statement
  • 更改迴響表單的資料庫結構
  • 上週作業迴應 https://github.com/Lidemy/mentor-program-2nd-futianshen/pull/11#discussion_r224981999

• 複習

  • How to use Prepare Statement in PHP #14
  • JavaScript Hoisting 宣告提升 #12

• Week 7 進度

  • 作業
    • HW 3卡關問題：DOM 產生新的節點選不到 解決方法：使用 jQuery 改變 DOM 元素後 Click Event 失效問題的解決方法 但不清楚為什麼
  • Fetch & Promise 50%

• 本週心得

  • 好像有點快跟不上的感覺了，覺得慘。
  • 對於上周提問前端和後端的差別，在這周前後端串接之後有一點感覺了。

[aszx87410]

都沒什麼問題，你卡關的那個問題你可以想想以下範例：

$('.test').click(function(){
  alert('test')
})
$('body').append('<div class="test">click me</div>')

程式是按照順序跑的，所以你在跑第一行的時候，$('.test') 的回傳是 null，因為那時候還沒有任何元素。因此你新增的按鈕當然不會有反應，因為根本沒有 eventListener 加上去

解法就是你查到的那個，用 on 來代替，這叫做 event delegation。