Question

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

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

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

我试过像

这样的简单标签

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

也

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

即使这些都不起作用。

但是标签在jQuery之外工作。

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

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

这很好。

Answer 1

您的选择器错误，如果您想选择带ID的元素，您应该使用ID选择器：$('#div1')或类选择器$('.div1')。目前，您正在尝试选择标记名为div1的元素。

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

Answer 2

如果它正在正常的html页面上工作，那么我的猜测是当你通过django服务你的html页面时你的jquery库没有被加载。请尝试使用此功能，看看您的网页是否正常工作。

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