如何在使用Bootstrap的Django Html模板中實現自定義jQuery函數？

我的模板引用的jQuery通過以下方式：如何在使用Bootstrap的Django Html模板中實現自定義jQuery函數？

<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script> 
<script src="{% static 'js/bootstrap.min.js' %}"></script>

這兩條線被放置在我的HTML文件body標籤的盡頭。靜態部分只是引用我的js文件的位置，這是它在Django中完成的方式，我相信。

的HTML，CSS和我想要實現的功能JS可以在這個環節發現： Js Fiddle Link

現在我知道不同部分如何一起工作，但我怎麼做我把它們放在我有效的方式模板？我試圖將jQuery代碼放在我的html文件的腳本標記中，但它不影響任何內容。

實現此功能的正確方法是什麼？

來源

2015-11-10 Tahmid Khan Nafee

您可以添加其他腳本代碼，然後將你的Javascript或jQuery代碼裏面，像這樣：

<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script> 
<script src="{% static 'js/bootstrap.min.js' %}"></script> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
     // your code 
    }); 
</script>

或者你可以把你的代碼在你的靜態文件的文件，然後導入。所以，如果你在你的「靜態/ JS」文件夾中添加您的myJavascript.js文件，您可以包括像這樣的jQuery和引導後：

<script src="{% static 'js/myJavascript.js' %}"></script>

記得在HTML文件的頂部{% load staticfiles %}加載您的靜態文件

來源

2015-11-10 17:46:24 Peconia

這裏沒有特定的Django或Bootstrap。如果你有jQuery代碼，你需要在jQuery本身加載後包含它。

來源

2015-11-10 16:34:30

如何在使用Bootstrap的Django Html模板中實現自定義jQuery函數？

回答

相關問題