首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

为什么我的onclick inPug没有调用我的js函数?

在回答这个问题之前,我想先解释一下相关的概念和技术。

  1. onclick:onclick是HTML中的一个事件属性,用于指定当用户点击某个元素时要执行的JavaScript代码。
  2. Pug:Pug是一种模板引擎,它可以将类似于HTML的模板语法转换为有效的HTML代码。Pug使用缩进和标签嵌套来表示HTML结构。
  3. JavaScript函数:JavaScript是一种广泛使用的脚本语言,可以在网页上实现交互和动态效果。函数是JavaScript中的一种可重复使用的代码块,可以通过函数名来调用执行。

现在来回答你的问题:为什么我的onclick inPug没有调用我的js函数?

可能的原因有以下几点:

  1. 语法错误:首先,你需要确保在Pug模板中正确地使用了onclick属性,并且没有语法错误。请检查是否正确地嵌套了标签和缩进,并且没有遗漏或多余的括号、引号等。
  2. JavaScript函数未定义:如果你的onclick属性中引用的JavaScript函数未在页面中定义,那么点击事件将无法调用该函数。请确保你在页面中正确地定义了该函数,并且函数名与onclick属性中的函数名一致。
  3. JavaScript文件未加载:如果你的JavaScript函数位于外部文件中,并且该文件未正确加载到页面中,那么点击事件也无法调用该函数。请确保你在页面中正确地引入了JavaScript文件,并且文件路径和文件名是正确的。
  4. 其他冲突:如果页面中存在其他与onclick事件相关的代码或插件,可能会导致事件无法正常触发。请检查是否有其他代码干扰了onclick事件的执行。

综上所述,如果你的onclick inPug没有调用你的js函数,你可以按照以上几点进行排查和调试。确保语法正确、函数定义正确、文件加载正确,并排除其他可能的冲突因素。

如果你需要更具体的帮助,可以提供更多的代码和错误信息,以便我能够更准确地帮助你解决问题。

另外,根据你的要求,我不能提及亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等流行的云计算品牌商。但是,我可以推荐腾讯云的相关产品和产品介绍链接,以供你参考:

  1. 腾讯云函数(云原生):腾讯云函数是一种事件驱动的无服务器计算服务,可以帮助你在云端运行代码,无需关心服务器的管理和维护。了解更多:https://cloud.tencent.com/product/scf
  2. 腾讯云数据库(数据库):腾讯云数据库提供多种数据库产品,包括关系型数据库(如MySQL、SQL Server)和NoSQL数据库(如MongoDB、Redis),满足不同场景的需求。了解更多:https://cloud.tencent.com/product/cdb
  3. 腾讯云CDN(网络通信):腾讯云CDN是一种内容分发网络服务,可以加速网站的访问速度,提高用户体验。了解更多:https://cloud.tencent.com/product/cdn
  4. 腾讯云安全产品(网络安全):腾讯云提供多种安全产品,包括Web应用防火墙(WAF)、DDoS防护、SSL证书等,保护你的应用和数据安全。了解更多:https://cloud.tencent.com/product/safety

希望以上信息对你有帮助!如果还有其他问题,请随时提问。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

链式调用 | 代码没有else

嗯,代码没有else系列,一个设计模式业务真实使用golang系列。 ? 前言 本系列主要分享,如何在我们真实业务场景中使用设计模式。...代码demo package main //--------------- //代码没有`else`系列 //责任链模式 //@auhtor TIGERB<https://github.com/...return } // 获取正在运行函数名 func runFuncName() string { pc := make([]uintptr, 1) runtime.Callers(2, pc)...代码没有`else`,只是一个在代码合理设计情况下自然而然无限接近或者达到结果,并不是一个硬性目标,务必较真。 2....---- 代码没有else系列 更多文章 代码模板 | 代码没有else 点击https://github.com/TIGERB/easy-tips/tree/master/go/src/patterns

1.7K40

为什么HibernateDaoSupport没有注入SessionFactory

前言 很早之前,就打算写这一篇文章了(其实有很多源码分析文章打算写,但是自己太拖延了导致很多文章搁浅了)。为什么要写这一文章呢?...事情缘由是同事在SpringBoot项目中有一个A类继承HibernateDaoSupport,但是程序运行总是抛出没有成功注入SessionFactory错误,后来debug Spring源码解决了这个问题...这个错误原因是A类RootBeanDefinition中autowireMode值为0,在AbstractAutowireCapableBeanFactory类中populateBean方法中没有执行到...autowireByName(beanName, mbd, bw, newPvs),导致SessionFactory属性没有注入成功。...beanFactory)方法中不要使用beanFactory.getBean()会造成类性早熟,最终后果就是类中一些属性没有成功注入。

3.1K10
  • Python 为什么没有 main 函数为什么不推荐写 main 函数

    本期“Python 为什么”栏目来聊聊 Python 为什么没有 main 函数? 在开始正题之前,先要来回答这两个问题:所谓 “main 函数”是指什么?...函数最多只能有一个,也就是说程序入口是唯一 语法格式有一定要求,具有相对固定模板 为什么要强制一个main入口函数呢?...除了函数名是“main”以外,它跟我们前面介绍正统 main 函数没有半毛钱关系,既没有强制性,也没有必然决定程序执行顺序作用。缺少它,也不会导致什么语法问题。...为什么要写那行 if 语句呢?可能的话,应该拆分 main 函数,甚至不必封装成一个函数啊! 个人总结出以下经验: 打破惯性思维,写出地道代码。...小结:本文首先解释了什么是 main 入口函数,以及为什么某些语言会强制要求写 main 函数;接着,解释了为什么 Python 不需要写 main 函数;最后则是针对某些人存在惯性误区,分享了个人四点编程经验

    2.4K31

    Spring容器里为什么没有需要Bean?

    Spring容器里为什么没有需要Bean?...,看着小菜在沸点评论区不停滑动,似乎在寻找着什么大瓜 此时小菜似乎察觉到气氛不太对劲,身后似乎有人,于是飞快按下 Windows + 1 弹出Idea开发界面 此时,项目经理开口道:小菜啊,这里有个紧急需求...没过多久,小菜就把需求都搞定了,于是启动服务开始测试 小菜打开测试工具就开始测试接口,但是怎么测试都是404,一开始小菜还以为url写错了,但是检测后发现并没有写错 经过小菜漫长排查,终于发现了问题:...,并把组件加入到容器中,由于没有配置**basePackages**字段,于是只会扫描当前包下组件** 当前包也就是com.caicaijava.springbooteasyframeworks 于是...菜菜后端私房菜

    10621

    #PY小贴士# 抓下来网页为什么没有内容?

    刚刚接触爬虫同学常会遇到这样疑问: 为什么网页上面有的信息,用代码抓下来里面就没有,也没有报错?...除开请求本身失败或被反爬情况外,通常这种问题原因其实是: 页面上本来就没有你要内容! 那么网页上内容是哪里来?...现在绝大多数网站内容并非直接通过你访问 URL 请求直接返回,而是会通过一种叫做 AJAX 方法,在页面的基本框架加载完毕后,再通过其他请求向后台服务器再次请求获取。...具体细节不展开了,你可以网上去按给到关键字去搜索相关内容,下次也会专门发下这方面的讲解文章。 那开发者工具里为什么又会在代码里显示出这些内容呢?...这是因为开发者工具元素(Elements)项显示并不是网页原始代码,而是浏览器将页面加载并渲染后结果,它里面包含了异步请求拿到数据和前台JS代码执行后对页面内容修改。

    2.1K20

    JS好好为什么要用那么复杂TS

    前言 JS好好,为啥要用TS写呢? 本文写给那些完全没有用过TS,也没有使用过结构化语言,对TS有一定心智负担前端新手同学。...,就可以限制变量,是不是所有的变量或者函数都要写?...为什么写了返回类型,VSCode还是提示返回值是any类型?泛型好复杂,什么时候要用泛型?接口类型定义要写在哪? 来,我们掰开揉碎一点点讲。 TS是谁写给谁看/用?...VSCode提示了解到该函数参数和返回值信息: image.png 而不需要去看源码,要知道,一些复杂方法,如果没有良好注释,看源码都不一定能很快判断出来参数和返回值类型。...: string age: number } 复制代码 总结 本文没有讲TS技巧,没有讲TS优点,就是针对所看到新手同学遇到一些心智方面的问题,基于个人经验进行简单解答和讲解,讲比较凌乱

    1.1K10

    为什么用了Redis之后,系统性能却没有提升

    很多时候,我们在面对一些热点数据时候,通常会选择将热点数据放到redis中,以减少数据库查询,减轻数据库压力。但是如果我们使用redis方式不对,那么可能导致系统性能不升反降。...使用缓存场景不正确 我们知道redis是基于内存实现,所以速度会非常快,我们通常会将热点数据放到redis中,以减少对数据库压力。...但是我们为了保证缓存与数据库数据一致性,在数据进行修改时候,我们就需要对缓存进行维护。 所以如果数据变更很频繁的话,就需要对缓存进行频繁维护,缓存命中率也会特别低。...缓存使用场景应该是修改频率不高,查询频率较高场景。如果使用redis场景不对,通常会导致我们得不偿失。 2. key设计不当导致产生了bigkey 什么是bigkey?...如果我们选择appendfsync always的话,虽然数据安全性高,但是每次写入都要刷盘会导致redis性能很大程度降低,所以我们一般会选择appendfsync everysec策略来对数据进行持久化

    1.9K10

    CPS推广:为什么佣金还没有到账呢

    CPS推广奖励佣金,目前无法直接后台提现,需要在次月月结之后,由财务系统统一打款到银行,即推广者后台所填写银行账号,一般上月佣金,次月月末到账,具体时间以银行到账为准。...点击登录推广后台,查看银行信息:https://console.cloud.tencent.com/spread/income 问:为什么佣金没有到账呢?...佣金次月月结,当月推广订单佣金预计次月月底28~31日到账。...如:11月份推广佣金,需要等到该月结束,次月月结即12月,核算11月推广佣金,扣减掉退款降配订单佣金,确定11月总到账佣金,确定12月推广积分,月结结束后更新12月会员星级,最后财务流程付款,...即:实收推广佣金=应收推广佣金-代扣税费(如有)点击查看税费计算说明 问:在哪里查看我佣金收入呢? 目前CPS推广会员积分体系,根据月结佣金当月会员星级,佣金分期支付。

    10.6K60

    客户决策 | 代码没有else

    嗯,代码没有else系列,一个设计模式业务真实使用golang系列。 ? 前言 本系列主要分享,如何在我们真实业务场景中使用设计模式。...main import ( "fmt" "runtime" ) //------------------------------------------------------------ //代码没有...return } // 获取正在运行函数名 func runFuncName() string { pc := make([]uintptr, 1) runtime.Callers(2, pc)...代码没有`else`,只是一个在代码合理设计情况下自然而然无限接近或者达到结果,并不是一个硬性目标,务必较真。 2....---- 代码没有else系列 更多文章 代码模板 | 代码没有else 链式调用 | 代码没有else 代码组件 | 代码没有else 订阅通知 | 代码没有else

    91420

    代码模板 | 代码没有else

    嗯,代码没有else系列,一个设计模式业务真实使用golang系列。 ? 前言 本系列主要分享,如何在我们真实业务场景中使用设计模式。...比如抽奖系统抽奖接口,为什么: 抽奖步骤是稳定不变 -> 不变算法执行步骤 不同抽奖类型活动在某些逻辑处理方式可能不同 -> 变某些算法 怎么用「模板模式」?...main import ( "fmt" "runtime" ) //------------------------------------------------------------ //代码没有...main import ( "fmt" "runtime" ) //------------------------------------------------------------ //代码没有...代码没有`else`,只是一个在代码合理设计情况下自然而然无限接近或者达到结果,并不是一个硬性目标,务必较真。 2.

    1K30

    代码组件 | 代码没有else

    嗯,代码没有else系列,一个设计模式业务真实使用golang系列。 ? 前言 本系列主要分享,如何在我们真实业务场景中使用设计模式。...( "fmt" "reflect" "runtime" ) //------------------------------------------------------------ //代码没有...移除组件测试 // checkoutPage.Remove(storeComponent) // 开始构建页面组件数据 checkoutPage.Do(&Context{}) } // 获取正在运行函数名...代码没有`else`,只是一个在代码合理设计情况下自然而然无限接近或者达到结果,并不是一个硬性目标,务必较真。 2....---- 代码没有else系列 更多文章 代码模板 | 代码没有else 链式调用 | 代码没有else 点击https://github.com/TIGERB/easy-tips/tree

    1.2K10

    订阅通知 | 代码没有else

    嗯,代码没有else系列,一个设计模式业务真实使用golang系列。 ? 前言 本系列主要分享,如何在我们真实业务场景中使用设计模式。...其次,已支付取消订单子操作应该是所有订单取消类型最全,其他类型复用代码即可,除了分装成函数片段,还有什么更好封装方式吗?答案:「观察者模式」。...代码demo package main //------------------------------------------------------------ //代码没有`else`系列...代码没有`else`,只是一个在代码合理设计情况下自然而然无限接近或者达到结果,并不是一个硬性目标,务必较真。 2....---- 代码没有else系列 更多文章 代码模板 | 代码没有else 链式调用 | 代码没有else 代码组件 | 代码没有else 点击https://github.com/

    1.8K20

    为什么BERT不行?

    当然了,bad case分析这块也聊了很多,多分析能发现其中端倪,知道模型需要什么,该怎么处理,再放一遍在这里,希望能好好阅读。...其实数据层面的问题,很可能是导致BERT效果不好根本原因,他背后其实是场景问题,场景数据可没有实验室那么理想,各有各特色。...模型、代码层问题 检查有没有bug,代码整体流程是否有问题,无论是训练还是推理,这个就得自己检查和使用了,这个没法解,只能自己debug,找问题然后解决。...模型和策略 一般用BERT常规操作是PTM-finetuning,很多人会按照自己想法去加插件,预期是效果会更好,但其实并没有,这点我在知乎里有聊过(https://www.zhihu.com/question...而文章本身输出并非是按照这个思路走,而是从一些大家经常问点深入来讨论,希望能从角度和风格来思考和回答问题。

    1.2K20

    把Idea给改了,看看有没有你常用功能,没有,你告诉来改

    : 骨架资源需要通过网络下载,如果网络抖动下载丢失资源了,整个项目就崩溃了 骨架资源需要通过网络下载,如果网速慢,则创建过程可能需要1~2分钟 骨架中默认包括文件与实践开发项目不符合...Bg-Boom是如何快速创建项目的 勇哥在插件中特制了一个项目创建引导功能: 创建时输入启动类名称、勾选默认导入springboot-starter,项目创建时候就会自动创建启动类,导入勾选...快速启停SpringBoot项目功能介绍 Idea自带项目启动问题 idea项目启动如果是单体项目,是没什么问题,但是如果是微服务或者模块较多情况下,就会存在以下问题: 第一次启动,需要一层一层点击到启动类...,还是麻烦 开发10多年,这样启动项目,早就烦了 Bg-Boom是如何一键启动所有项目的 勇哥在插件中特制了一个快速启动栏: 自动扫描当前项目中微服务(仅支持SpringBoot...粉丝过1W,这个图源码就免费公开,你敢不敢点个关注,赌一赌?

    93640

    没有资格骂Seurat更新吗

    主要是因为我们依赖于这个V4版本Seurat流程做出来了大量公共数据集单细胞转录组降维聚类分群流程,100多个公共单细胞数据集全部处理,链接:https://pan.baidu.com/s/1MzfqW07P9ZqEA_URQ6rLbA...pwd=3heo,而且也有海量配套视频教程在b站,视频号等渠道,基本上大家能看到中文笔记都是我们分享。。。。...但是,表明态度多个推文里面都被“匿名者”阴阳怪气怼了一下,说这样写教程(英文教程搬运工)渣渣没有资格骂开发者。。。...最后为什么是Seurat一家独大呢 大胆推测,就是因为我们生物信息学自媒体推广,我们大力宣传生物信息学入门编程语言是R语言,虽然说基于R语言单细胞转录组数据分析也有大量其它类似于Seurat流程...主要特点: 质控和过滤: 提供一系列函数进行细胞和基因质控和过滤。 可视化: 提供丰富绘图工具,包括散点图、箱线图、热图等,方便用户进行数据可视化。

    34810

    从Vue.js源码中学到几个实用函数

    如果想看Vuejs源码,不知道如何下手,一般推荐配置Sourcemap,针对单个问题调试来看,如何调试Vuejs源码,vuex源码文章中写了。...点击下方卡片关注、加个星标,或者查看源码等系列文章。学习源码整体架构系列、年度总结、JS基础系列 ---- 话不多说,赶快试试尤大大教给我们这几个实用函数吧!在工作中肯定会用得到。...立即执行函数 页面加载完成后只执行一次设置函数。...name: 2 }], 4)); // -1 console.log(looseIndexOf([{ name: 1 }, { name: 2 }], { name: 1 })); // 0 确保函数调用一次...构造函数方法与构造函数prototype属性上方法对比 定义在构造函数内部方法,会在它每一个实例上都克隆这个方法;定义在构造函数 prototype 属性上方法会让它所有示例都共享这个方法

    2.5K40

    为什么要写自己框架?

    很多技术过来人都不约而同说:用别人已经造好轮子呗,你看,多省力,在很久以前也是他们一员,也喜欢使用大量框架(js有jQuery、Express、socket.io.js等;PHP有phpword...曾几何时,觉得很兴奋,在如此短时间内就可以做到这样高度,让十分开心。开发出内容也完全符合校内应用需求。变成了一个别人眼中“大师”。 但事情并没有往想象地方发展。...当写出这个文件时候,是很兴奋,马上分享了出去,结果就是啥都没有发生,世界还是那样,没有变帅,说明在成为大师路上只进步了一点点,或者干脆没有进步,只是知道多了点。...但我通过这个至少有了自己思考,寻找回了自己创造力,让自己距离真正大师进了一点,不得不说这种进步是让人兴奋。下图是早上刚刚启动js框架。 ?...js框架 最后说一下认为好处: 1、对整体架构思考 2、提高自己创造力 3、提高自己独立思考能力 4、提高自己阅读别人代码能力 5、用到和认识了大量编程语言内置函数 下面是一点小建议:

    1.3K20

    为什么Redis这么“慢”?

    那么有没有什么办法可以扫描现在 Redis 中是否存在大 Key 数据吗?...集中过期 有时你会发现,平时在使用 Redis 时没有延时比较大情况,但在某个时间点突然出现一波延时,而且报慢时间点很有规律,例如某个整点,或者间隔多久就会发生一次。...下面就针对这两块,分享一下认为比较合理 Redis 使用和运维方法,不一定最全面,也可能与你使用 Redis 方法不同,但以下这些方法都是在踩坑之后总结实际经验,供你参考。...批量操作数据时,用 MGET/MSET 替换 GET/SET、HMGET/MHSET 替换 HGET/HSET,减少请求来回网络 IO 次数,降低延迟,对于没有批量操作命令,推荐使用 Pipeline...总结 以上就是在使用 Redis 和开发 Redis 相关中间件时,总结出来 Redis 推荐实践方法,以上提出这些方面,都或多或少在实际使用中遇到过。

    3.6K10
    领券