4回答
我有这个简单的js代码，它加载xml并将图像添加到页面。在代码的底部是一个函数，当你点击一个图像时会弹出一个警告。我有一个添加到html中的图像，所以有两个图像。我的问题是，警报会为html中添加的图像触发，但不会为js / xml添加的图像触发。我认为问题是在第二张图片加载到html之前点击了点击功能？？这就是问题所在吗？如果不是，你能告诉我我是如何解决这个问题的吗？谢谢。
你可以在这里看到两张图片：
HTML
<div class="Fabric"><img src="img/swatch/2016.jpg" alt=""
浏览 4提问于2013-06-11得票数 0
回答已采纳
2回答
我有两个图像和两个按钮在一个div，现在的处理是当我点击按钮1，然后图像1显示相同的按钮2。现在我的问题是，当我点击身体的任何部分时，我想要同时隐藏这两个图像。现在我的问题是，当我点击身体，它将隐藏，但不能显示图像按钮点击。
小提琴
HTML
<input type='button' id='btn1' value='button1'>
<img src="abc.jpg" id='img1'>
<input type='button' valu
浏览 4提问于2013-10-12得票数 0
回答已采纳
2回答
对于一个概括性的web应用程序，当你点击的时候，我正在尝试改变一个图像。我已经编写了如下代码(在jsp文件中)，但我希望将JavaScript与HTML分开(下一段代码运行良好)：
<head>
<script type='text/javascript'>
function ChangeState(){
if(document.getElementById('imageStateBlue')!=null){
var img=document.getEleme
浏览 1提问于2015-08-20得票数 0
我正在尝试创建一个用户已单击的图像类名称数组。我使用了一个'for‘循环和一个事件侦听器来完成这项工作。当单击其中一个图像时，其类名将添加到数组中，并在程序结束时显示数组中的项。 问题是，当我检查我的控制台日志时，每次日志都会记录多个事件，而不是单个新的选择。 为什么会发生这种情况，我该如何解决？ <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<title>JavaScript Discove
浏览 17提问于2019-04-28得票数 0
我有两个图像堆叠，一个在另一个之上。img_top设置了“pointer-events:none”，所以点击它会将点击传递给img_bottom。但是，如果我在img_top上调用jQuery的trigger('click')，单击将不会传递给img_bottom。
有没有人能解释一下原因，并找到一种使用jQuery的trigger('click')和CSS的pointer-events将点击传递到底部图片的方法
下面是我使用的代码：
<script src="http://ajax.googleapis.com/ajax/libs/jquery/
浏览 2提问于2012-10-24得票数 1
1回答
在我的网站，我们有一个横幅，点击指示用户到我们客户的网站。为了跟踪点击横幅的人数，我们决定使用组件。我在Google分析脚本下面添加了他们提供的JS。
var captureOutboundLink = function(url) { ga('send', 'event', 'outbound', 'click', url, { 'transport': 'beacon', 'hitCallback': function(){document.location = url;} });
浏览 7提问于2022-02-11得票数 0
我可以根据他们的类别点击图片吗？在jquery中的例子应该是$(.imageID).click()；
<img src="picture.png" class="imageClass">
如何点击EXT JS 5+中的事件或触发事件？
浏览 3提问于2015-04-23得票数 2
我正在做一些小游戏，但我遇到了一个问题。
我正在使用。
问题很简单，我动态的内容会载入视觉智慧，我确实看到卡背面，但点击事件剂量开火。我认为从jquery中准备好的文档与此有关。
我尝试了各种不同的东西--比如刷新--通常用列表来实现，但是由于这是一个UI-Grid，这是不同的。
下面我的示例代码是这个结构的一个简短片段。
我正在寻找一种方法，以刷新我的内容在ui-网格-c，以便我的点击事件可以启动。
在底部有一个警告(“我想看到这个弹出消息”)；。我想看到这个弹出来。
在我的index.html文件中
<script src="js/events.js"><
浏览 3提问于2013-10-11得票数 1
回答已采纳
动态添加到#div的图像的Load事件不工作，而点击/鼠标悬停等其他事件工作正常。
<div id="test">
<img src="https://via.placeholder.com/50" />
</div>
js
$(document).ready(function() {
// does not work
$('#test').on('load', 'img', function() {
alert('loaded');
浏览 2提问于2019-08-28得票数 1
2回答
我希望我的应用程序执行以下操作。有两个有序列表。一个有元素，另一个空。当我悬停在文本旁边的第一个列表上时，必须出现一个图像，当我单击该图像时，该文本必须移动到另一个有序列表。如果我点击文本，什么都不会发生。根据我第一次点击时所做的，一切正常工作。如果我点击文本，我就不会移动，当我点击图像时，我会移动。但在那之后，一切都出了问题。当我单击“图像”时，它会显示我所选择的内容的两倍，而当我单击第三次时，它会显示我所选择的内容三次，并且在第一次选择之后，它能够单击文本将其移动到另一个列表。请帮我解决这个问题。提前谢谢。
<!doctype html>
<html lang="
浏览 4提问于2014-07-22得票数 0
回答已采纳
首先请记住，我在网页设计、JS和所有这些方面都是新手。任何建议都将被感谢:)我有这个img图标(serviceIcon)定位‘绝对’与他们的特定类(serviceHardware，...)。
<div class="servicesBox">
<img class="serviceIcon serviceHardware" />
<img class="serviceIcon serviceSoftware" />
<img class="serviceIcon servi
浏览 0提问于2013-01-26得票数 0
回答已采纳
1回答
我有一个网页，在那里我显示了一系列从数据库带来的图像，这些图像在经过时会显示“快速查看”消息()，点击这个链接会在页面上显示一个带有最大图像的div，当有人点击这个链接时，我需要在div中根据我点击的内容显示不同的图像，这是我的代码 PHP/HTML代码 if ($array->num_rows > 0) {
while($row = $array->fetch_assoc()) {
<div>
<?php echo '<img src="data:image/jpeg;base6
浏览 15提问于2019-12-20得票数 1
回答已采纳
我只是在测试javascript和css过滤器中的一些特性。所以我创建了三个特定的按钮，当我点击其中一个按钮时，图像上的过滤器就会变成30%。所以我在这里要做的是，当我点击按钮外面的时候，它应该会再次变成正常的。请帮帮忙。
以下是目前为止的jS代码：
const br = document.getElementById("br");
const img = document.getElementById("test-img");
br.addEventListener("click", function(e) {
img.st
浏览 0提问于2018-08-04得票数 0
回答已采纳
3回答
当点击img div时，我已经添加了警报。我收到多个警报，只需点击一次。在web界面上，有时我会收到一次警告，但在移动设备上，它会执行多次。并且轻敲事件对于第一次轻敲不起作用。它正在为第二次攻丝工作。
<html>
<body>
plug:<img id="plug" src="http://icons.iconarchive.com/icons/zeusbox/gartoon/32/socket-icon.png">
</body>
</html>
<script src="https:
浏览 12提问于2017-03-17得票数 0
回答已采纳
背景
更高的想法是，我试图使用语音命令来控制我的网页。我收到一条消息来做一些事情，我试着用编程来模拟。(即点击按钮或键入某物)。
现在，我有一个Lightbox图库(使用包含图像的源代码() )。在锚中有一个带有锚元素和图像元素的div容器。
<doctype = HTML>
<html>
<head>
<link rel = 'stylesheet' type='text/css' href='css/style.css'>
<link rel = &
浏览 3提问于2020-07-02得票数 0
2回答
我有这样的代码，它根据您单击地图图像的位置动态地在jpg地图上添加标记。它还动态地创建It。我试图将一个单击事件附加到每个动态创建的标记上，以便如果用户单击标记，它将被删除。问题是，当他们点击标记时，它会生成另一个标记。我希望用户能够通过点击地图在地图上放置标记，然后如果他们想要删除标记，他们可以再次点击它，而不会在他们想要删除的标记上生成一个新的标记。
提前谢谢你的帮助。
JS :
$(document).ready(function(){
var clicks = 0;
$("#container").click(function(e) {
浏览 7提问于2016-12-07得票数 1
回答已采纳
有没有一种方法可以检索用hammer.js点击或点击的元素：
我已经尝试了正常的方法，如下所示：
$("#shopbystyleContent li a").hammer().on("tap", function(event) {
var imgLarge = $(this).parent().find('img.imgLarge').attr("src");
.....
但是$(this)返回Object object。
谢谢!
浏览 7提问于2014-03-14得票数 1
我正在开发这个网站：https://studioboom.superhi.com/ 有没有可能只将图像点击应用到第一部分，这样一旦滚动，你就可以点击链接，而不是添加图像。 JS： const images = [
'benjones_flip1.jpg',
'benjones_home1.jpg',
'ben_jones_ts2.jpg',
'benjones_gs1.jpg',
'benjones_jt1.jpg',
'benjones_dlf4.jpg'
]
let
浏览 20提问于2020-03-24得票数 0
1回答
我在Shopify上开发一个网站。我需要知道如何创建一个可点击的图片库。当用户单击图库中的任何图像时，会出现一个包含描述和图像的弹出窗口。
到目前为止，我已经完成了画廊，我唯一需要知道的是如何使画廊在弹出屏幕上可点击。
以下是gallery-data.js.iquid文件的代码：
var gallery = [
{
"img": "{{ 'Square_102.jpg' | file_img_url: "x270" }}",
"t
浏览 2提问于2017-10-05得票数 0
有人能解释一下event.preventDefault()和event.stopPropagation()之间的区别吗
我有一个表，在这个表中我有一个img标记。
当我点击img标签时，我想看到一个弹出窗口。
但是我也想停止对多行的选择，所以我使用：
$("table.items tbody tr").click(function(event) {
event.stopPropagation();
});
当我使用js代码时，弹出窗口没有出现；
如果我删除js代码，弹出窗口就会正常工作。
$(".info").live("clic
浏览 0提问于2013-08-09得票数 16
回答已采纳
当我没有点击所有图标上的光标时，它显示了一般段落"Lorem Ipsum...etc"
当我点击Facebook图标上的光标时，它会显示facebook的段落，并隐藏"Lorem Ipsum...etc"的一般段落。
当我再次把光标从Facebook的图标上移开时，它必须显示普通段落"Lorem Ipsum...etc“再次显示
我使用了这段代码，但我不知道如何显示和隐藏"Lorem Ipsum...etc“一段的唯一问题。
有人能给我建议吗？
<script src="https://code.jquery.com/jquery-
浏览 4提问于2021-12-14得票数 0
这可以在Chrome和Firefox上使用，但在移动Safari上就不行了。当点击链接时，我试图简单地显示一个img。jQuery 1.10.1
HTML
<h1>Region</h1> <img src="/static/img/ajax-loader.gif" class="loading" />
<hr>
<div class="list-group">
<a onclick="clickMe()" class="list-group-item
浏览 1提问于2014-12-18得票数 1
回答已采纳
1回答
自动生成的图像不可点击。
、、、
我有4张图片在我的网页上，当我点击其中之一，点击的图像是高亮显示。我实现了这样的目的：
JS1：
var ImageSelector = function() {
var imgs = null;
var selImg = null;
return {
addImages: function(container) {
imgs = container.getElementsByTagName("img");
for(var i = 0, len = imgs.length; i < len; i++) {
浏览 2提问于2014-09-08得票数 2
回答已采纳
我正经历着一种奇怪的情况。我想让整个Bootrstrap组件可点击，并通过Javascript处理点击。但是，当我单击该元素时，JS检测到我单击的是它的一个子元素，而不是父元素。 HTML： <div
class="card"
on-tap="showViewer"
data-id$="[[article.id]]"
>
<img
class="card-img-top img-fluid vertical-image"
src$="{{g
浏览 6提问于2019-12-18得票数 0
我们使用在屏幕上生成标准的javascript弹出效果。
我们希望使用JQuery来响应用户的点击，以改变FancyZoom刚刚为用户弹出的区域内的一些颜色(使用.attr)。
(在下面的代码示例中，为了说明这一点，我用一个简单的.attr替换了所有的alert。Bar.png是一个金色的矩形，点击时应该显示Hello。点击“测试”显示疯狂的弹出。)
如果我们像这样将bar.png放在弹出窗口之外，当我们单击它时，它会按预期的方式响应：
<script type="text/jscript" src="js/jquery-1.7.2.min.js">
浏览 3提问于2012-04-27得票数 2
2回答
我已经提供了确认框通过JS删除，但即使用户点击取消我的删除查询执行，我希望用户保持在同一个页面，如果他点击取消。jsp代码-：
<td><a href="deletehyper?value=<%= id2 %>"><img src="delete.png" height="18" width="18" onclick="myFunction()"></a></td>
在jsp -中解析js变量：
<%
String name=(St
浏览 3提问于2014-04-11得票数 0
回答已采纳
1回答
我正在使用Bootstrap通过以下代码构建导航栏：
$(document).ready(function() {
$('.review').on('click',function() {
alert('test');
})
})
.navbar-light {
position: fixed;
width: 100%;
height: 5%;
z-index: 100000;
}
.navbar .row {
width: 100%;
}
<!doctype html>
<html lan
浏览 0提问于2018-06-27得票数 1
我正在尝试制作一个图片库，当你将鼠标悬停在它上面时，大拇指的右下角会出现一个红色的X。
如果你点击拇指本身，它将打开一个灯箱画廊。如果单击红色X图像，它将删除该图像。
我已经很好地设置了CSS，至少现在是这样。它将红色的X放置在图像上的正确位置，我将其z设置为类似于20000。
问题是，无论我是点击拇指还是点击x，lightbox都会触发。
下面是我们正在查看的内容：
一些JS：
$('#PicturePreview a').lightBox();
$(document).delegate('.delete_img', 'click', func
浏览 0提问于2011-11-17得票数 0
回答已采纳
1回答
我试图修改html img源代码的锚点，触发javascript点击，但它不工作。下面是我的代码：
HTML
<body>
<img src='./images/img1.png' id='gallery'>
<a href="#" id="back">Back</a> - <a href="#" id="next">Next</a>
</body>
JS
var image = new Array(3)
image
浏览 2提问于2013-09-30得票数 0
我正在尝试加载一个gif图像之前，成功是提交点击事件，但图像加载只发生在第二次或第三次或更多的点击发生，但不是在第一次。为什么会这样呢？我尝试过使用beforeSend() &也尝试过在ajax调用之前加载图像(将其放在$.ajax函数之前)。但同样的事情正在发生。Success()的工作方式与预期的一样。js代码是：
$('.gal').on('click', function(){
//$(‘#gallery').prepend('<img src="http://127.0.0.1:8887/img/spinn
浏览 0提问于2017-09-27得票数 0
我很难在点击时显示/隐藏div。基本上，你点击花朵(div，我想要切换的那个)，它们就会淡出或隐藏(这是好的)，然后消失(这不好)。我需要能够点击花朵，让它们淡出，然后能够点击(在相同的“花朵”div上)，并让它们淡入或显示(就像一个电灯开关)。
下面是我使用的JavaScript代码：
$('.show_hide').click(function() {
$("#treeFlowers").fadeToggle()
return false;
});;
});
下面是HTML：
<!DOCTYPE html>
<html lang="
浏览 0提问于2011-08-29得票数 0
回答已采纳
4回答
我有一张包含两个链接的桌子，
如果我点击‘按钮’，链接应该指向'page1‘
如果我单击整行，应该以“page2”为目标
我现在被jQuery的Javascript困住了--有人能给我一个建议吗？
HTML & JQuery / JS
<tr>
<td><a href="page2.html" class="info"><img src="img/img.png" alt="image" class="tlogo"/></a&
浏览 2提问于2012-07-04得票数 0
回答已采纳
加载HeadJS的脚本只在第二次单击时运行。如何在第一次点击时获得“航空发射器”？
function aviary(id, src) {
var $id = id;
var $src = src;
head.load(
"http://feather.aviary.com/js/feather.js",
function() {
var featherEditor = new Aviary.Feather({
apiKey: 12345,
浏览 2提问于2014-04-22得票数 0
回答已采纳
2回答
我有这样的代码：
<html>
<head>
<meta charset="utf-8" />
<title>Atestat - Masini Clasice</title>
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" />
<link rel="stylesheet" href="
浏览 2提问于2015-01-07得票数 0
3回答
我有这样的东西：
<div id="container">
<img id="screenFirstImg">
</div>
和js：
$('a.screenThumbLink').click(function(){
console.log( $('#container').height() );
$('img.screenFirstImg').attr('src','new src');
console.log( $('
浏览 2提问于2012-02-22得票数 0
回答已采纳
3回答
我是Javascript的新手，我正在尝试使用html标记在外部.js文件中的图像上执行onClick事件
<script type="text/javascript" src="embed.js">
"embed.js“中的代码如下
var image1=new Image();
image1.src="img.gif"
document.write('<IMG src='+image1.src+'>');
$(document).ready( function()
{
$(
浏览 3提问于2014-04-09得票数 0
5回答
我有一个按钮“添加”，我点击它，然后保存按钮将附加到我的div。这是工作，但我不能触发“保存”按钮的功能。如果我直接在代码中粘贴“保存”-按钮，它就可以工作了。我找不到我的错误...
<a class="save" href="#"><img src="images/save.png" alt="save_working" /></a>
<a class="add_row" href="#"><img src="images/icon_a
浏览 0提问于2012-12-11得票数 2
回答已采纳
3回答
我使用的是jQuery 191和Hammer 204。我有下面的示例场景
<div> class="myDiv">
<div class="content">
<img>
</div>
</div>
示例JS
$('.myDiv').hammer({}).bind("pan", function(h) {
h.gesture.srcEvent.preventDefault();
});
$('.content img
浏览 5提问于2015-08-19得票数 0
回答已采纳
1回答
我在lightcase.js中使用Slick carousel，我面临的问题是，当我滑动slick时，点击事件被触发，弹出窗口立即显示出来。有时点击事件不会被触发，但当你滑动所有的幻灯片时，如果你只是滑动事件触发的一半，就会发生这种情况。如果其他人遇到过这个问题，如果您能告诉我可能的解决方法，我将不胜感激。
这是我的html结构：
<div class="slider multiple-items">
<a href="http://cornel.bopp-art.com/lightcase/project/img/examples/1b.jp
浏览 1提问于2016-02-24得票数 1
2回答
多次触发，或者更确切地说，总是比以前多一次。我将模态事件包装在一个单击函数中，该函数目前返回模态id。
如何确保事件总是只触发一次，并且只有在click函数调用它时才触发？
jQuery
$('.img-modal').on('click', function () {
// returns #modal-Id
var modalIdClicked = $(this).attr('data-target')
console.log ('modal id clicked from .img-modal = '+ modalIdCl
浏览 2提问于2015-03-14得票数 16
回答已采纳
我试图使鼹鼠的图像可点击，一旦单击将增加分数，但.on()将不能与图像的类名一起工作。不过，如果我使用选择器“#游戏空间”，它将工作，但然后点击游戏空间内的任何地方将得到玩家的点，而不仅仅是点击鼹鼠。
<!DOCTYPE html>
<html>
<head>
<title>Whack-A-Mole (CSCI2447)</title>
<!-- CSS styles: This is for me to worry about; not you. -->
<link href=
浏览 2提问于2016-04-07得票数 1
回答已采纳
2回答
使图像可拖动的问题
、、、、
我目前正在创建我自己的网站。我需要代码，以允许用户通过拖动改变一些图像的位置。我已经写了这个HTML，CSS和JS在不同的文件。
整个点击和拖动的想法是有效的，当我点击图像并将其拖动到任何一侧时，它就会移动。
当我释放鼠标按钮时，没有任何反应。我尝试过break和return，但它们不会停止该功能。你有什么意见建议？
PS:我只是JS的初学者，所以如果你对我的代码有任何其他的建议，那就去吧！
class img {
constructor(id, left, top) {
this.id = "#" + id;
this.left = parseInt(
浏览 0提问于2020-11-18得票数 0
2回答
我试着根据被点击的图片来显示和隐藏div，所以当你点击resteraunt图片时，它会显示名为members窗口的div。我得到的错误是Uncaught SyntaxError: Unexpected token {。
这是一个单独JavaScript文件上的脚本
$(document).ready(resteraunt(){
$('people').click(function(){
$("memberswindow").show();
});
});
这是HTML
<!DOCTYPE html>
浏览 0提问于2013-03-16得票数 2
回答已采纳
3回答
我的页面上有一个非常基本的引导按钮。我有一个事件监听器在监听这个按钮的点击。我有一个图像标签作为按钮的内容。当用户单击该按钮时，事件侦听器将按需要触发。但是，如果单击按钮落在按钮内的图像上，则图像将拦截单击，而单击事件侦听器则不会触发。我如何才能让按钮检测到点击本身和它的内容(例如，图像标签)？
<button type="button" class="btn btn-custom" id="navLogoButtonLeft">
<!-- dev tools indicate clicks land on this &
浏览 3提问于2016-08-16得票数 1
回答已采纳
我正在尝试完成一个图片库的滑块，我所缺少的就是上一个/下一个按钮的功能。现在prev按钮正在工作，但有一个问题。这就是问题所在，我有一个图片库，当我点击它们时，会弹出一个窗口，显示被点击的图像。但是，如果我单击任何不是数组中第一个图像的图像，然后单击prev按钮，所有图像都会返回到数组的最后一个图像，而prev按钮会将我带到所单击图像之前的图像。
因此，如果我有10个图像，我单击数组中索引为3的图像，然后单击上一步按钮，弹出窗口将显示索引为2的图像。让我向您展示到目前为止我得到的结果：
<div class="gallery">
<img src="
浏览 0提问于2018-07-29得票数 0
1回答
我有一本网页风格的在线杂志。每一页应该是可点击的，并给我一个高分辨率的图像(模态窗口)。为此，我使用了一个pageflip.js。
但是当我加载网站时，我只能点击前4页。这是因为接下来的页面是动态加载的，DOM也会发生变化。我怎么能观察到生活中的变化呢？
该网站在线：
函数$('.show-modal').on('click', function())不适用于活动区域的更改。
我用以下代码打开模式窗口：
$('.show-modal').on('click', function(e){
e.prev
浏览 5提问于2017-04-24得票数 0
回答已采纳
一旦我点击提交，我不会得到反应，直到我点击另一个选择。然后我将看到第一个选择。所以我总是看到之前的选择 function watchForm() {
$('.drop-form').on('click', function(event) {
var breed = $('#breed').val()
getPhoto(breed)
})
}
function getPhoto(name) {
console.log(name)
fetch(`https://dog.ceo/api/breed/${name}
浏览 20提问于2020-04-23得票数 1
回答已采纳
我需要克隆.selectedIcon的img到点击的.icon >，然后如果点击另一个.icon，我只需要编辑选定的.icon。我的解决方案编辑所有点击的.icon。有没有什么可以替代.click()来解决这个问题呢？ $(".icon").on("click", function() {
let thisIcon = $(this);
alert("icon clicked");
$(".icons").fadeIn("slow");
function imagePicker() {
浏览 13提问于2019-02-12得票数 1
回答已采纳
4回答
如何使div可点击？
、、、
我想使这个div可点击，并希望使用内部<a>相同的href，并希望保持链接在内部<a> (因此，如果JS被禁用，那么链接将是可访问的)。
<div id="example">
<p> some text </p>
<img src="example.jpg />
<a href="http://stackoverflow.com"> link </link>
</div>
我的意思是我需要像这样。
<div id="examp
浏览 0提问于2010-05-21得票数 7
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
