Chr*_*kre 1 html javascript jquery hyperlink preventdefault
编辑:我修好了.我在采购jQuery时犯了一个错误.一旦我将src属性更改为 https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js,它就可以了.多谢你们!我想阻止链接将用户带到另一个页面.当我尝试使用getElementById("id")选择元素时,它工作正常.但是,当我尝试使用$("#id")进行选择时,它不起作用.为了澄清,这是有效的:https: //jsfiddle.net/1nwaptL9/
但这不起作用:https://jsfiddle.net/7vkepm9e/1/
我意识到这两个小提琴实际上都有效,但是当我在Chrome中加载HTML文件时,带有jQuery选择的那个不起作用.由于我在下面包含的源代码在JSFiddle中运行良好,但在Chrome中没有,我怀疑我做错了什么,但JSFiddle不处理链接或类似的东西.任何帮助,将不胜感激!
源代码不起作用:
<html>
<body>
<a id="preventlink" href="http://youtube.com"> click here </a>
<script src="js/jquery-1.11.3.min.js"> </script>
</body>
</html>
<script>
var link=$("#preventlink");
link.addEventListener("click", function(e) {
e.preventDefault()}, false)
</script>
jQuery创建一个jQuery实例,如果你想要实际的DOM元素,你可以执行以下操作:
var link = $("#preventlink")[0];
或者,继续使用jQuery添加事件:
$("#preventlink")
.click(function (e) {
e.preventDefault();
});
var link = $("#preventlink")[0];
link.addEventListener("click", function(e) {
e.preventDefault()
}, false);<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a id="preventlink" href="http://youtube.com"> click here </a>$("#preventlink").click(function(e) {
e.preventDefault()
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a id="preventlink" href="http://youtube.com"> click here </a>请参阅有关该主题的jQuery文档
| 归档时间： |
|
| 查看次数： |
1034 次 |
| 最近记录： |