這是一個謎題：我正在嘗試創(chuàng)建一個簡單的選擇你自己的路徑游戲，它從本地 JSON 文件中獲取內(nèi)容。運行時，它將每個場景（JSON 文件中的“Section”）分解為多個段落，并將第一個段落添加到 DOM，并在其周圍的 div 上附加一個事件偵聽器。每次用戶單擊“容器”時，都會從該部分添加另一個段落，直到顯示所有段落。之后，如果用戶再次單擊“容器”，則會添加三個選項，每個選項都附加了自己的事件偵聽器。單擊這些選項之一時，場景（或“部分”）將更改為選定的選項。HTML“容器”被清空，該過程通過添加新場景（部分）的第一段重新開始。問題是它對第一部分和選項工作正常，但是在用戶單擊選項后，它會加載新場景的兩段而不是一個。它應該加載一個段落并等待點擊事件，但它實際上加載了一秒鐘。第二段是通過 readyToUpdate 函數(shù)加載的，該函數(shù)只能由事件偵聽器調(diào)用（尚未觸發(fā)）。{      "Section_1": {        "Content": "Dark corner paragraph one<>Dark corner paragraph two<>Dark corner paragraph three",        "Choices": [            "Go to the garden<>24",            "Go to the terrace<>95",            "Go to the beach<>145"        ]    },    "Section_24": {        "Content": "Garden paragraph one<>Garden paragraph two<>Garden paragraph three",        "Choices": [            "Go to the dark corner<>1",            "Go to the terrace<>95",            "Go to the beach<>145"        ]    },    "Section_95": {        "Content": "Terrace paragraph one<>Terrace paragraph two<>Terrace paragraph three",        "Choices": [            "Go to the dark corner<>1",            "Go to the garden<>24",            "Go to the beach<>145"        ]    },    "Section_145": {        "Content": "Beach paragraph one<>Beach paragraph two<>Beach paragraph three",        "Choices": [            "Go to the dark corner<>1",            "Go to the garden<>24",            "Go to the terrace<>95"        ]    }}    <div id="container"></div>