个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
27
4
我最近在阅读 Unobtrusive javascript 并决定试一试。我是否决定使用这种风格将在以后确定。这只是出于我自己的好奇心，而不是出于任何时间限制的项目。
现在，我正在查看示例代码，很多示例似乎都在使用，让我永远发现的是 jQuery。他们使用像 $('class-name').whatever(...); 这样的函数。
好吧，我更喜欢 $('class').function 的外观，所以我尝试在不使用 jQuery 的情况下模拟它(因为我不知道 jQuery 并且不关心 atm)。但是，我无法使这个示例工作。
这是我的 jsFiddle:http://jsfiddle.net/dethnull/K3eAc/3/
<!DOCTYPE html>
<html>
<head>
<title>Unobtrusive Javascript test</title>
<script>
function $(id) {
return document.getElementById(id);
}
$('tester').onclick(function () {
alert('Hello world');
});
</script>
<style>
.styled {
width: 200px;
margin-left: auto;
margin-right: auto;
font-size: 2em;
}
a {
cursor: pointer;
color: blue;
}
a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<div class='styled'>
<ul>
<li><a id='tester'>CLICK ME</a></li>
</ul>
</div>
</body>
</html>
最佳答案
试试这个代码，
脚本
function $(id) {
return document.getElementById(id);
}
$('tester').addEventListener('click', function () {
alert('Hello world');
});
$('tester')选择器，它只返回
<a id='tester'>CLICK ME</a>这是一个 html 元素而不是对象，因此您不能直接使用 onclick。相反，您必须使用
addEventListener或
attachEvent绑定(bind)点击事件
关于unobtrusive-javascript - 不显眼的 Javascript onclick，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15987733/
27
4
0
我想重写 jquery.validate.unobtrusive.js 中的 onErrors 方法，以将错误消息显示为 html 元素的超链接。但是，我不想更改 jquery.validate.un
我正在尝试将我的 app.js 转换为 app.ts，唯一缺少的是 jquery.unobtrusive-ajax.js 和/或 jquery.validate.unobtrusive.js 的 .d
我在使用 View 模型的 .NET MVC3 中有以下内容。我正在使用 Razor 和 FluentValidation(但我也尝试过 DataAnnotations，得到了相同的结果)。 从 Vi
我最近在阅读 Unobtrusive javascript 并决定试一试。我是否决定使用这种风格将在以后确定。这只是出于我自己的好奇心，而不是出于任何时间限制的项目。 现在，我正在查看示例代码，很多示
我正在将“jQuery Validate Unobtrusive”与 ASP.NET MVC3 Razor 结合使用。 我有一个带有“评论”表单的页面，如下所示: 型号 public class Co
我正在使用 ASP.NET MVC 构建一个网站，并使用 jQuery validate unobtrusive 库。我想知道是否有办法 Hook 显示验证消息的事件，例如在用户输入无效内容时(而不是
我有一个外部 JavaScript 文件，内联 JavaScript 工作正常，但是当我将其分离(不引人注目)时，它不起作用并且也不显示错误。 我正在使用 Visual Studio Web Deve
我在 .NET MVC4 中通过捆绑来捆绑 JavaScript 文件时遇到问题 我正在添加以下脚本以捆绑在我的代码中 bundles.Add(new ScriptBundle("~/bundle")
ASP.Net Core 中的客户端验证(与 ASP.Net MVC 5 不同)无法正常工作。我有以下代码: public class CountryModel{ [Required]
我正在使用 jQuery Unobtrusive Validation，并且想要在提交表单之前执行一些操作。我不想在成功验证后回发表单，而是想向用户显示成功消息并重置相同的表单以添加其他数据。 在下面
我需要能够使用 jquery.validate 和 jquery.validate.unobtrusive 验证表单上的分数。我已更改我的 html 标记以包含“分数” 在类名中，我在页面中包含了以
我正在做一个小的 vue 项目，我正在使用 marker-animate-unobtrusive在 map 上移动标记的库。这里的问题是，当我在我的一个页面中导入这个库时，整个应用程序都不会加载。例如
我有一个简单的签到应用程序:有一个页面，其中包含一系列用户图片。只需单击图像即可“ checkin ”它们。这会将它们注册到数据库中并显示覆盖图像的“ checkin ”图标。 现在我正在通过 Vie
我从 Wikipeia/Unobtrusive_JavaScript 找到了这些 Unobtrusive JavaScript 的基本原则: 功能(“行为层”)与网页的分离结构/内容和呈现 避免以下情
我想在我的 Rails 3 应用程序中使用 Ujs。任何人都可以向我解释一下 Rails 中的侵入式和非侵入式 JavaScript 吗？为什么 Rails 3 之前的版本不支持 ujs？ 最佳答案
我有 3 行用户必须填写的复选框。验证是他必须在每一行中至少选择一个复选框。所以我创建了强制性规则，因为据我所知，必需的规则不适用于复选框。 这一切都很好。问题是，由于每一行都是一组，验证最终会给出
如果我不引用 jquery.unobtrusive-ajax.js 我可以在 Post 上获取附件。如果我引用它，它会给我 null。 @using (Ajax.BeginForm("Index",
关闭。这个问题需要更多focused .它目前不接受答案。 想改进这个问题吗？ 更新问题，使其只关注一个问题 editing this post . 关闭 2 年前。 Improve this qu
我知道 jQuery 验证插件是什么。我知道 jQuery Unobtrusive Validation 库是由 Microsoft 制作的，并且包含在 ASP.NET MVC 框架中。但我找不到一个
我正在使用 ASP.NET MVC 3 和不显眼的验证 JavaScript。我也在使用 jQuery UI 选项卡，并且我想选择一个包含带有无效消息的元素的选项卡。 因此，要做到这一点，我需要在评估
我是一名优秀的程序员,十分优秀！