<div class="comments"></div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
    const darkModeMeidaQuery = window.matchMedia('(prefers-color-scheme: dark)');

    function updateForDarkModeChange() {
        if (darkModeMeidaQuery.matches) {
            var colorScheme = 'dark'
        } else {
            var colorScheme = 'light'
        }
        $('.comments').append('<script src="https://utteranc.es/client.js" repo="user/repo-name" issue-term="pathname" theme="github-'+colorScheme+'" crossorigin="anonymous" async><\/script>');
    }

    darkModeMeidaQuery.addListener(updateForDarkModeChange);
    updateForDarkModeChange();
</script>

मैं उपरोक्त स्क्रिप्ट के साथ ब्राउज़र थीम का मिलान करने के लिए बोली लोड करने का प्रयास कर रहा हूं। हालाँकि, वस्तु सामान्य रूप से बनाई गई है, लेकिन यह फेंकता है: Uncaught Error: "issue-term" or "issue-number" must be specified. मैंने पात्रों से बचने की कोशिश की, लेकिन यह काम नहीं किया। क्या कोई हिस्सा है जो मैंने गलत लिखा है?

2
hgseo 17 मार्च 2020, 12:13

1 उत्तर

सबसे बढ़िया उत्तर

अच्छी नौकरी! अधिकांश नए उपयोगकर्ताओं में एक न्यूनतम प्रतिलिपि प्रस्तुत करने योग्य उदाहरण शामिल नहीं है, जो आपने किया है!

संदेह होने पर, हमेशा समस्या ट्रैकर से परामर्श करें। आपने कुछ भी गलत नहीं किया, लेकिन jQuery आपकी संपत्तियों को मिटा रहा है।

समस्या टिप्पणी के निर्देशों का पालन करें:

<div id="comments"></div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
    const darkModeMeidaQuery = window.matchMedia('(prefers-color-scheme: dark)');
    const comments = document.getElementById('comments');
 
    function updateForDarkModeChange() {
        if (darkModeMeidaQuery.matches) {
            var colorScheme = 'dark'
        } else {
            var colorScheme = 'light'
        }
 
        var script = document.createElement('script');
        script.src = 'https://utteranc.es/client.js';
        script.setAttribute('repo', 'ergo9ine/sfdb_tracker');
        script.setAttribute('issue-term', 1);
        script.setAttribute('theme', 'github-dark');
        script.setAttribute('crossorigin', 'anonymous');
        comments.appendChild(script)
    }

    darkModeMeidaQuery.addListener(updateForDarkModeChange);
    updateForDarkModeChange();
</script>
1
Codebling 17 मार्च 2020, 09:32