在自调用函数中使用jquery

时间:2016-12-23 05:16:42

标签: javascript jquery

<!DOCTYPE>
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="inherit.js"></script>
</head>

<body>
<div id="observersContainer"></div>
</body>
<script type="text/javascript">
</script>


</html>

inherit.js

(function ($){
  $("#observersContainer").append( "<p>Test</p>" );
})(jQuery);

我正在测试如何在我的项目中使用自调用功能,我是新手,我尝试在我的自我调用中使用jquery但注意到发生,我添加了$并将增强传递给函数,但仍然注意到发生那么我错过了什么?

1 个答案:

答案 0 :(得分:0)

用https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js>替换jquery导入;并将inherit.js中的代码更改为:

$(document).ready(function(){
$('#observersContainer').append("<p>Test</p>");
});

那应该做的。