Heim  >  Fragen und Antworten  >  Hauptteil

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

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.

P粉141035089P粉141035089225 Tage vor547

Antworte allen(1)Ich werde antworten

  • P粉551084295

    P粉5510842952024-02-05 00:57:55

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

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

    knowledgepanel.innerHTML = data;

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

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

    Antwort
    0
  • StornierenAntwort