jQuery document.ready停止代码

Question

我现在遇到的问题是，当我将document.ready代码包装成脚本时，它停止工作。 我知道我不能使用它，因为我只在HTML末尾调用该脚本，但是我想知道为什么它破坏了我的代码。 PS：我已经添加了jQuery代码：

  $(document).ready(function () { $('.clicker').click(function() { if($(this).hasClass('clicker')) { var row_index = $(this).parents('tr').index(); $(this).text('Cancelar'); $(this).attr('class', 'cancelar'); var index = row_index - 2; $(".save:eq("+index+")").css('display', 'inline'); } else { $(this).text('Editar'); $(this).attr('class', 'clicker'); $('.save').css('display', 'none'); } }); }); 

 //In the end of the html file: <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.2.3.min.js"></script> <script src="/js/scripts.js"></script> 

Answer 1

JQuery应该包含在页面顶部。

$未定义-您正在尝试运行Jquery，但未定义它正在破坏页面-尝试运行document.ready时，脚本在那里失败。