leemengtaiwan
10/18/2017 - 2:18 AM

在Flask使用自訂js, 並自訂按鈕toggle顯示div

{% block content %}
<div class="container">
  {% block page_content %}{% endblock %}
  
  <button onclick="myFunction()">Click Me</button>
  <div id="upload" class="row">
    Some text
  </div>  
  
</div>


<script src="{{url_for('static', filename='custom.js')}}"></script>
{% endblock %}

Folder

  • app.py
  • static/custom.js

Note

  • javascript 連結放在 body 最後面
function myFunction() {
    var x = document.getElementById("upload");
    console.log('hi')
    if (x.style.display === "none") {
        x.style.display = "block";
    } else {
        x.style.display = "none";
    }
}