jquery - 无法在 django 中通过 jQuery 添加 html 标签

Question

我是 jQuery 和 django 的新手。我正在编写代码，通过 jQuery 将单选按钮动态添加到我的 HTML 页面。

当我有一个独立的 HTML 文件时，它工作正常。但是当我用我的 django 应用程序加入它时，它没有被添加。

它甚至没有显示任何错误。

我尝试使用简单的标签，例如

$("#div1").append("<h3>First</h3> ")

还

$("#div1").append("<br/>")

即使这些都不起作用。

然而，这些标签在 jQuery 之外工作。

我尝试通过 jQuery 添加简单的文本

$("#div1").append("I am here")

这很好。

score 2 · Accepted Answer

你的选择器是错误的，如果你想选择一个带有 ID 的元素，你应该使用 ID selector:$('#div1')或 class selector $('.div1')。当前，您正在尝试选择其标签名称为的元素div1。

$(document).ready(function(){ // when DOM is ready
     $("#div1").append("<h3>First</h3>");
     // $(".div1").append("<h3>First</h3>")
})

score 0 · Accepted Answer

如果它在一个普通的 html 页面上工作，我的猜测是当你通过 django 提供你的 html 页面时，你的 jquery 库没有加载。尝试改用它，看看您的页面是否正常工作。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

2 回答 2