jQuery技术:Django jQuery无法正常工作?

这就是我的模板:

{% extends 'typer/base.html' %} {% load url from future %} {% load staticfiles %} {% block title %}{{ p_name }}{% endblock %} {% block body_block %}   $('#user_passage_text').on('keyup', function(e) { if ( e.which === 13 ) { var time = (new Date()).getTime() - $(this).data('time'); $(this).data('time', 0); console.log('Time passed : ' + time + ' milliseconds'); }else if ( !$(this).data('time') ){ $(this).data('time', (new Date()).getTime()); } });  

{{ p_name }}

This passage is {{ p_wlength }} words, {{ p_clength }} characters long.

{% if passage %}

{{ p_text_body|linebreaksbr }}

{% else %} The specified text {{ p_name }} does not exist! {% endif %}

Begin typing to start the test.

{% endblock %}

我想做的就是在控制台上打印一条消息,检查该function是否正常。 我对它不起作用感到困惑的原因是我可以在https://jsfiddle.net/d8c4z300/上完全运行它。 那么为什么消息打印在那里但不是在我运行django模板时?

    你需要$(function(){ ... }) (或$( document ).ready(function() { ... });这是相同的,只是更长)围绕你的js代码:

    所以:

     $(function(){ $('#user_passage_text').on('keyup', function(e) { if ( e.which === 13 ) { var time = (new Date()).getTime() - $(this).data('time'); $(this).data('time', 0); console.log('Time passed : ' + time + ' milliseconds'); }else if ( !$(this).data('time') ){ $(this).data('time', (new Date()).getTime()); } }); }); 

    小提琴正在工作,因为你将它设置为onload ,这几乎等于$(function(){ ... })

    需要了解更多jQuery教程分享Django jQuery无法正常工作?,都可以关注jQuery技术分享栏目—计算机技术网(www.ctvol.com)!

      以上就是jQuery教程分享Django jQuery无法正常工作?相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址:https://www.ctvol.com/jquerytutorial/981283.html

      (0)
      上一篇 2021年12月12日
      下一篇 2021年12月12日

      精彩推荐