gpt4 book ai didi

jquery - 为什么我不能使用 jQuery 定位图像元素

转载 作者:行者123 更新时间:2023-12-01 06:16:48 26 4
gpt4 key购买 nike

我正在尝试添加 jQuery 以与我的网站配合使用,这是我第一次涉足 jQuery。由于某种原因,我无法让它工作,而且我不确定为什么。调试输出中没有错误。这是我正在使用的确切代码:

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js"></script>
<script>
$(document).ready(function(){
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();

reader.onload = function (e) {
$('#Preview1').attr('src', e.target.result);
}

reader.readAsDataURL(input.files[0]);
}
}

$("#Image1").change(function(){
readURL(this);
alert("triggered");
});
});
</script>
</head>
<body>
<form>
<input type="file" id="#Image1">
<img src="#" id="Preview1">
</form>
</html>

它可以在 jsfidle 上运行,但当我在 chrome 或 firefox 中尝试时则不行。到目前为止,我看到的所有答案都很简单,比如将其放入 document.ready 函数中,或者缺少分号或输入错误的 URL。如果我有这个,我只是没有发现它。它也不适用于 google 的最新版本 jQuery。

最佳答案

inputid属性中删除#

改变

 <input type="file" id="#Image1">

 <input type="file" id="Image1">

使用\\转义#

 $("#\\#Image1").change(function () {
alert("triggered");
});

Fiddle DEMO

来自Docs

To use any of the meta-characters ( such as !"#$%&'()*+,./:;<=>?@[]^`{|}~ ) as a literal part of a name, it must be escaped with with two backslashes: \\.

关于jquery - 为什么我不能使用 jQuery 定位图像元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20729937/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com