Das Buttons-Tag ist für die Funktion von Jquery Attr von entscheidender Bedeutung

Question

atrr-Funktion gibt nicht die erforderliche Antwort. Ich habe einen kleinen Code, der Daten von einer externen API abruft, die mehrere Daten in einem Diktat enthält.

<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>

Hier gibt id="facet_panels-content" die Daten zurück, nachdem sie von der API abgerufen wurden. Sie enthält die Daten im Tag „<details><summery>...“, aber ich möchte sie standardmäßig beibehalten Die Registerkarte Details wird geöffnet.

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

Ich verwende JQuery-Code, um ein einzelnes Detailetikett über eine Schaltfläche zu öffnen, und es funktioniert einwandfrei, aber ich möchte, dass es standardmäßig ohne Schaltfläche geöffnet wird.

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

Wenn ich dies verwende, wird die Registerkarte „Details“ für diese ID nicht geöffnet. Ich möchte, dass die Registerkarte „Details“ standardmäßig ohne Schaltflächen geöffnet bleibt.

Answer 1

#HungerGames 选择器与 HTML 中的任何元素都不匹配。

所以大概这个操作是将其添加到页面中？：

knowledgepanel.innerHTML = data;

显然，在该元素添加到页面之后之前，您无法与该元素进行交互。因此，不要尝试在页面加载时显示该元素，而是在将其添加到页面时显示它：

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