如何在django框架中将不同用户的多条推文嵌入到HTML中？

debugcn 发表于 Dev

安舒尔·阿加瓦尔

我正在将字典形式的数据从 views.py 传递到 Django 框架中的 results.html。字典有以下格式

'tweet'：（tweet_analysis，tweet_id）

现在在由 views.py 调用的 results.html 中，我试图嵌入所有传递给 results.html 的推文，但以下代码仅显示一个嵌入的推文。

dicPositive：这是包含所有推文数据的字典

    {% for tweet, tweet_feel in dicPositive.items %}

        <div id="tweet" tweetID="{{tweet_feel.1}}"></div>

            <script sync src="https://platform.twitter.com/widgets.js"></script>

            <script>
              window.onload = (function(){

                var tweet = document.getElementById("tweet");
                var id = tweet.getAttribute("tweetID");

                twttr.widgets.createTweet(
                  id, tweet,
                  {
                    conversation : 'none',    // or all
                    cards        : 'hidden',  // or visible
                    linkColor    : '#cc0000', // default is blue
                    theme        : 'light'    // or dark
                  })
                .then (function (el) {
                  el.contentDocument.querySelector(".footer").style.display = "none";
                });

              });
            </script>

        <!-- <li>{{tweet}} &ndash;&gt;  {{tweet_feel.0}}  &ndash;&gt; {{tweet_feel.1}}</li> -->
    {% endfor %}

萨坦德拉

这是因为您对id循环时创建的多个 HTMLElements使用了相同的内容。

您必须将循环计数器添加到id属性div以及使用getElementById内部script标记获取它时

{% for tweet, tweet_feel in dicPositive.items %}

    <div id="tweet_{{forloop.counter}}" tweetID="{{tweet_feel.1}}"></div>

    <script sync src="https://platform.twitter.com/widgets.js"></script>
    <script>
       window.onload = (function(){
           var tweet = document.getElementById("tweet_{{forloop.counter}}");

           # Rest of your code
           ...

    </script>

{% endfor %}

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。