Teg butang adalah penting untuk Jquery Attr berfungsi

Question

Fungsi

atrr tidak memberikan respons yang diperlukan, saya mempunyai kod kecil yang mendapat data daripada API luaran yang mempunyai beberapa data dalam dict.

<div id="facet-knowledge-panel" style="margin-left: 70px;">
        <h2 id="facet_panels_title"></h2>
        <div id="facet_panels_content"></div>
    </div>

    <button id="open">open</button>
 
    <script>
        let facet_kp = "http://localhost/render-to-html?facet_tag=category&value_tag=en:beers";

        fetch(facet_kp)
            .then((response) => {
                if (response.ok) {
                    return response.text();
                }
                else {
                    throw new Error("Network Response Error while fetching facet kp");

                }
            })
            .then(data => {
                let title = document.getElementById("facet_panels_title");
                title.innerHTML = "Facet knowledge panel";

                let knowledgepanel = document.getElementById("facet_panels_content");
                knowledgepanel.innerHTML = data;
            })
    </script>

Di sini, id="facet_panels-content" akan mengembalikan data selepas mendapatkannya daripada API, ia mengandungi data dalam teg "<details><summery>...", tetapi saya mahu menyimpannya secara lalai Tab Butiran dibuka.

<script>
        $(document).ready(function(){
          $("#open").click(function(){
            $("#HungerGames").attr("open",true);
          });
        });
</script>

Saya menggunakan kod Jquery untuk membuka satu label butiran melalui butang dan ia berfungsi dengan baik, tetapi saya mahu ia dibuka secara lalai tanpa sebarang butang.

$(document).ready(function(){
            $("#HungerGames").attr("open",true);
        });

Jadi, jika saya menggunakan ini, ia tidak membuka tab "Butiran" untuk id tersebut. Saya mahu memastikan tab "Butiran" terbuka secara lalai tanpa sebarang butang.

Answer 1

#HungerGames Pemilih tidak sepadan dengan mana-mana elemen dalam HTML.

Jadi mungkin operasi ini adalah untuk menambahkannya ke halaman? :

knowledgepanel.innerHTML = data;

Jelas sekali, anda tidak boleh berinteraksi dengan elemen sehingga selepas ia ditambahkan pada halaman . Jadi daripada cuba menunjukkan elemen apabila halaman dimuatkan, tunjukkan apabila anda menambahkannya pada halaman:

knowledgepanel.innerHTML = data;
$("#HungerGames").attr("open",true);