jQuery document.ready停止代码

时间:2016-05-15 16:07:06

标签: javascript jquery html

我现在遇到的问题是,当我把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>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

JQuery应该包含在页面顶部。

$未定义 - 您正在尝试运行Jquery,但未定义哪个会破坏您的页面 - 当您尝试运行document.ready时,您的脚本会失败。