onclick加載{％include'test.html'％}

我想在用戶點擊元素時加載Jinja2模板字符串。例如我有這樣的標籤：onclick加載{％include'test.html'％}

<div class="one"><a href="#one">One</a></div> 
<div class="two"><a href="#two">Two</a></div> 
<div class="three"><a href="#three">Three</a></div>

只點擊一前一後，我必須加載波紋管串：

{% include 'one.html' %}

，點擊後兩位，這個字符串必須加載：

{% include 'two.html' %}

等等。我該如何處理這個問題？點擊時加載動態內容

來源

2014-07-05 Max

請記住，JavaScript在瀏覽器（客戶端）中發生，如果我沒有弄錯，Jinja2是將在服務器上發生的python十電鍍。通過JavaScript顯示模板字符串將不會獲得任何結果。您將需要在提供頁面時加載所有項目，然後單擊顯示它們，否則您將需要一個Ajax解決方案來獲取模板結果並將其插入到單擊位置。 –

感謝sirReal，是的，你是對的我正在使用python-Flask，它不允許實現該方法。唯一的一點是，我只想在單擊div時執行Jinja2字符串，如{％include'one.html'％}，正如您所告訴的，我猜Agax可以解決這個問題。謝謝 – Max

我的榮幸。我提供了一個稍微更詳細的*答案*。 –

記住發生的JavaScript在瀏覽器（客戶端），而Jinja2的是這將發生服務器端基於python的模板。通過JavaScript顯示模板字符串不會達到您想要的結果。似乎有兩種方法可以實現你想要的。

一個選項是在頁面最初加載時輸出模板的結果，然後通過一些javascript行爲顯示它。有很多jQuery插件來實現這個結果，你可以看一個例子是Bootstrap Tabs。

另一種選擇是，如果您不希望在第一次加載頁面時生成所有模板結果，則將通過ajax加載模板的結果。 ajax請求將需要被提供給期望的jinja2模板的結果，然後可以將其輸出到你的頁面中。 jQuery's load提供了一個簡單的方法來做到這一點。

來源

2014-07-05 14:09:08

您將不得不使用一些JavaScript來實現這一點。

一種解決方案是使用jQuery負載http://api.jquery.com/load/

來源

2014-07-05 07:18:23

親愛的卡米爾，謝謝你的回覆，但load方法在這裏不起作用，因爲我使用python microframework Flask，並且它不允許通過url加載html文檔。 – Max

onclick加載{％include'test.html'％}

回答

相關問題