Clipboard.js没有复制

时间:2017-08-27 18:54:13

标签: javascript flask

我遵循了这个:https://jsfiddle.net/gevorgha/fbeof421/

这是我的html文件:

def get_posts():
    with conn:
        cur.execute("SELECT * FROM Posts")
        print(cur.fetchall())

我对

没有任何问题
    <!DOCTYPE html>
    <html lang="en">
      <head>
    [...]    
    <script type="text/javascript" src="{{ url_for('static', filename='js/clipboard.min.js') }}"></script>
        <script>
            new Clipboard('.btn');
        </script>

    <body>



    <!-- Target -->
    <div id="bar">Mussum ipsum cacilds...</div>

    <!-- Trigger -->
    <button class="btn" data-clipboard-action="copy" data-clipboard-target="#bar">
    Copy to clipboard
</button>



      </body>
    </html> 

我在浏览器控制台中出现此错误:

"{{ url_for('static', filename='js/clipboard.min.js') }}"

jsfiddle的例子,因为它是有效的而不是我的。你有什么想法吗?

1 个答案:

答案 0 :(得分:0)

javascript在调用之前需要已经制作按钮。由于head是html代码的第一部分,它意味着它尝试调用尚未创建的按钮。

将脚本放在您调用正文底部按钮的位置时,将确保在脚本尝试调用该按钮之前创建该按钮。 希望它有所帮助。