JavaScript-如何确定导致错误的“令牌”?
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript-如何确定导致错误的“令牌”?,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1525字,纯文字阅读大概需要3分钟。
内容图文
![JavaScript-如何确定导致错误的“令牌”?](/upload/InfoBanner/zyjiaocheng/670/dc37e70da83e4ad38bcfac682e8ff4ff.jpg)
我正在建立一个使用jQuery来显示和隐藏页面内容的页面.我已经使代码正常工作,但是当它在浏览器的控制台中完成时会出错:
“Uncaught SyntaxError: Invalid or unexpected token”
但是我看不到它注入了什么无效或意外的令牌.
我已经通过检查器运行了代码,代码没有任何问题,只是希望有人能够对我应该使用的没有这些问题的内容有所了解.我还创建了一个小提琴,以运行并检查这些错误,以确保它不是由于当前代码位置而引起的.
jQuery(document).ready(function($) {
$(".featuresList").on("click", ".alert-cerberus", function(e) {
e.preventDefault();
$(".alert-cerberus").removeClass("active");
$(".featuresContent").removeClass("show");
$(this).addClass("active");
$($(this).attr('onclick')).addClass("show");
});
});
这是我设置的js小提琴来复制此内容:https://jsfiddle.net/jgilbertdesign/2j3xzbad/14/#&togetherjs=GxhzJJBHus
该代码应使所选择的选择面板显示不同的颜色并使内容显示在页面上.类似于基于jQuery的hide / show函数,但无需构建多行代码来进行备份.
解决方法:
“令牌”仅指事物,可以是字符串,变量或其他任何东西.在这种情况下,单击错误会将您定向到标记中的以下行:
<div class="..." role="alert" onclick="#powerfulFTP">
虽然还不清楚问题出在哪里,但是onclick属性需要一个表达式,而不是字符串.它试图将字符串作为表达式求值,从而导致错误.
您可能应该在数据属性中传递字符串:
data-whatever="#powerfulFTP"
然后抓住它:
$( $(this).data('whatever') ).addClass('show');
(无论是事物本身的语义术语,也许是data-parentId.)
另外,由于您不是在使用锚,因此您不需要在这里使用preventDefault.
不请自来的提示:
>注意我的演示中的document.ready速记.保存一些打字.
>在JS中使用单引号,在HTML中使用双引号可以避免一些麻烦.
内容总结
以上是互联网集市为您收集整理的JavaScript-如何确定导致错误的“令牌”?全部内容,希望文章能够帮你解决JavaScript-如何确定导致错误的“令牌”?所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。