jquery - JQuery 在 Django 中没有响应

Question

我正在研究 JQuery 和 Django。

链接时，我的 JQuery 和 .css 文件通过 django 模板链接和访问，但没有识别前端标签。

var $ctrl = $('<input/>').attr({ type: 'radio', name:'groups',value:model.get('name'),id:id1});  
console.log($ctrl);
$("#div1").append($ctrl);

这是我的代码，甚至没有添加单选按钮。我已经在 settings.py 中链接了媒体文件，并且还配置了 urls.py 文件，因此在访问终端时会向 JQuery 显示一条成功的 200 消息，但除此之外没有任何效果！

Answer 1

Before you can start working on the dom, you have to make sure the dom was loaded. In order to do that you have 2 main ways:

1. put the script decleration at the end of the HTML document right before the closing body tag, that way you know the html has been loaded before your script is running.
2. Use $(document).ready(), that way, your code will start running only after the entire DOM was loaded.

So in your case:

$(document).ready(function(){
var $ctrl = $('<input/>').attr({ type: 'radio', name:'groups',value:model.get('name'),id:id1});  
console.log($ctrl);
$("#div1").append($ctrl);


$('<div/>') // create div
});

Answer 2

我认为，当您使用 django 提供 jquery 时，不会加载 jQuery 库。我的建议是使用：

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

它将在线加载 jquery 库并希望它能正常工作。