动态添加到#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
下面的标记是静态元素
<img src="http://www.jqueryscript.net/demo/Easy-Image-Morphing-Effect-with-jQuery-Canvas-morphing-js/img/pic.jpg" height="200" width="200" alt="">
我想动态地在img标记周围创建一个div标记，如下所示
<div class="dycls">
<img src="http://www.jqueryscript
浏览 0提问于2015-07-07得票数 1
回答已采纳
我试图使用Cycle2幻灯片插件与ASP .NET。图像是动态加载从服务器。
幻灯片不起作用，图像在页面中被一个接一个地加载/显示，但是当我在chrome元素中检查页面html时，html看起来很好。
我只是习惯于知道如何从服务器端(动态)将图像加载到幻灯片。
这是我的HTML代码
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="http://aja
浏览 5提问于2015-01-21得票数 1
回答已采纳
我使用的是jQuery砖石脚本。第一次加载页面时，一切都很好，但当我添加动态内容时，脚本不会再次重新加载。
下面是我的代码：
<div id="alpha" class="container clearfix">
<div class="item"><img src="<?php echo base_url();?>css/images/default.jpg"/><div id="coment"></div><
浏览 0提问于2012-02-14得票数 2
回答已采纳
1回答
我有下面的JS，用于在元素'.snap_img‘上使用Hammer.js JQuery插件的双击事件。
$("body").hammer().on('doubletap','.snap_img',function() {
img_src = (this).getAttribute('src');
alert(img_src);
return false;
});
元素'.snap_img‘是由AJAX ()请求动态创建的。因此，我需要事件授权才能启动锤子事件。此JS基于以下代码，该代码成功地
浏览 10提问于2014-11-13得票数 1
回答已采纳
4回答
我的目标是让用户选择背景，但我的js不能工作。
<div class="step">
</div>
<div id="images">
<img src="" data-src="">
<img src="" data-src="">
<img src="" data-src="">
<img src="" data-src="">
&
浏览 0提问于2013-10-11得票数 2
回答已采纳
1回答
我在创建这个布局时遇到了一些问题：
1:我想保留网格布局，而不管动态生成的图像的大小。
2:图片应该保持它们的纵横比(如果可能，裁剪它们)，
这是我的代码：
HTML：
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery.min.js"></script>
<link href="http://getbootstrap.com/dist/css/bootstrap.css" rel="style
浏览 1提问于2014-02-28得票数 1
我正在尝试动态更改标记的src。它可以很好地将src拉到标记中，但它不会在"example.js“中运行javascript。
My.html
<script src='' id="s1"></script>
<script language="javascript">
function changeSrc()
{
s1.src = "example.js";
};
changeSrc()
浏览 1提问于2012-08-25得票数 1
我无法初始化基础动态观察滑块。因为我的代码不工作，所以我试着严格按照教程所说的去做。所以我按照Zurb基金会网站上的教程来构建一个基本的滑块：
并且它不会初始化滑块。在多次尝试之后，我不明白为什么。如果您想测试它，只需解压缩foundation库，并将文件夹重命名为Foundation。
当我加载页面时，Chrome控制台中没有脚本错误。
谢谢你的帮忙
<html>
<head>
<script type="text/javascript" src="foundation/js/vendor/modernizr.js"
浏览 5提问于2014-05-19得票数 0
目的-一个图片库。
与在“图片库”div中创建每个图片库-映像相反，如下所示：
<div id="html_collection">
<img src="picture_1">
<img src="picture_2">
<img src="picture_3">
</div>
为了简单起见，我将它们存储在javascript数组对象中，如下所示：
var js_collection = [
{
'gallery' : &#
浏览 2提问于2015-06-11得票数 0
我遇到的问题是在webpack身上使用vue.js。
我有一个想要在vue.js中动态填充的列表。
我使用v对每个对象进行迭代并创建列表项。
要将img标记绑定到数据点{resource.img}，它看起来如下所示：<img v-bind:src="resource.img">以动态加载图像。
然而，当客户端呈现页面时，src路径是正确的，但是它是实际的相对路径(例如“./assets/example.png”等)，而不是路径webpack输出。因此，该映像创建一个404，因为“./assets/example.png”中没有图像。
或者，如果我硬编码src的图像加
浏览 3提问于2016-10-06得票数 3
回答已采纳
1回答
我已经使用下面的snap添加了一个动态内容
var obj = {"Test Tube": "test.png","Beater": "beat.png"};
$.each( obj, function( key, value ) {
$(".instruments").append('<div class="tile bg-gray">'
+'<div clas
浏览 2提问于2015-01-25得票数 1
回答已采纳
2回答
我正在尝试用jQuery动态创建一个滑块。我使用了一个来自的例子，并且已经下载了源代码并复制到了我的js和css文件夹中。
我的代码：
<link rel="stylesheet" href="../css/my-slider.css"/>
<script src="../js/ism-2.0.1-min.js"></script>
<div class="ism-slider" data-transition_type="fade" data-play_
浏览 1提问于2015-09-03得票数 0
2回答
我有一个脚本，允许用户选择一个图像并编写一些关于it...they的东西，从JQuery幻灯片查看器中选择图像。
现在，选择图像是easy..but每个图像当前都在一个LI元素中
代码片段：
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="/js/jquery.easing.1.3.js" type="text/
浏览 4提问于2012-01-24得票数 1
回答已采纳
// env.development.js module.exports = {
fileName: 'banner_dev.png'
} // env.production.js module.exports = {
fileName: 'banner_prod.png'
} // index.vue <script>
import bannerSrc from '@/assets/img/' + process.env.fileName
export default {
data () {
return {
浏览 30提问于2020-10-16得票数 1
2回答
我使用js代码在我的页面上动态添加了一些图像，如下所示：
if (doorcount == 1) {
$("#doorframe").html('<img src="content/image/door2unopenedlight.jpg" />');
$("#map1").html('<img src="content/image/map2light.jpg" />')
}
else if (doorcount == 2) {
$("#doorframe")
浏览 4提问于2013-05-21得票数 0
回答已采纳
3回答
如何查找No.div中存在的元素？？我还想打印div中存在的元素列表。我试过这个，但它不起作用。
<!DOCTYPE html>
<html>
<head>
<title> Div Length</title>
<script type="text/javascript" src="js/jquery-1.6.2.min.js">
</script>
<script>
$(function ()
{
alert(' Elements
浏览 2提问于2013-04-18得票数 4
嗨，我正在尝试创建一个动态列表，其中包含1000个在it.The映像中包含图像的项目，它们的来源如下
<img class="lazy" src="http://www.wrensoft.com/zoom/images/zoom_image_search_screenshot.png">
我正在使用jquery.I希望列表中有alt图标的图像，直到每个图像加载，而且图像也应该一个一个地加载。但是，在所有图像加载之前，只显示空屏幕，我有html代码和js代码
HTML
<!DOCTYPE HTML>
<html>
浏览 2提问于2014-09-20得票数 1
回答已采纳
我使用的是HTMLWebpackPlugin，在我的模板中有一个img标签：
<img src="./images/logo/png">
如果你注意到了，这里我使用了一个相对路径，认为webpack会触发在我的webpack.config.js文件中配置的文件加载器，但编译后，我在我的html中获得了完全相同的src属性：
<img src="./images/logo/png">
我怎么才能触发webpack用我在我的webpack配置中配置的东西来动态替换这些相对路径呢？
浏览 4提问于2017-11-06得票数 37
1回答
我有一个HTML结构：
<div id="snaps">
<div class="snap_item">
<div class="snap_item_following_info">
<img class="snap_item_following_img" src="res/stat/img/user/profile/small/1.fw.png" alt="@JohnDoe" />
浏览 1提问于2014-11-14得票数 2
回答已采纳
1回答
我正在处理一个动态画布，需要添加大小调整锚(鼠标或点击)。我知道有很多关于如何添加大小调整锚的例子，但它们都是用于预装图像的，而且由于我对动态js还不熟悉，所以我正在寻找一个示例，说明如何将它们添加到用户上传的图像中.
这是上传者的js
//image loader
var imageLoader = document.getElementById('imageLoader');
imageLoader.addEventListener('change', handleImage, false);
function handleImage(e) {
v
浏览 1提问于2014-04-20得票数 0
回答已采纳
1回答
我尝试动态创建一个'img‘元素并将其插入到现有的div中，但失败了。有没有人知道如何使用prototype框架来做到这一点？下面是我尝试过的：
Case1:所有的html都很好。
<!-- html -->
<div id="thumbnailFrame" class="thumbnailFrameDiv">
<img src="image.png" />
</div>
Case2:没有图像显示。
<!-- html -->
<div id="thumb
浏览 0提问于2013-05-24得票数 1
回答已采纳
5回答
我为captcha创建了PHP映像，每次生成动态captcha映像时都称为image.php文件。
在signup.php我有
<img alt="" src="image.php">
<input type="button" id="btn" value="cant read captcha">
<!--btn is to load another captcha-->
jscript.js
$("#btn").click(function(){
浏览 7提问于2012-04-05得票数 0
回答已采纳
我想在代码中添加backstretch。
这是一个脚本：
<script>
// To attach Backstrech as the body's background
jquery.backstretch("/form-3/assets/img/backgrounds/1.jpg");
// You may also attach Backstretch to a block-level element
jquery.(".foo").backstretch("/form-3/assets/
浏览 2提问于2017-02-09得票数 1
回答已采纳
3回答
如何创建引导缩略图网格
、、、、
我有一个未知数量的拇指要显示，下面是呈现的HTML示例：
<div class="row-fluid">
<ul class="thumbnails">
<li class="span3">
<a href="#" class="thumbnail">
<img data-src="holder.js/260x180" alt="260x180"
浏览 5提问于2013-03-04得票数 5
回答已采纳
因此，我想用Enquire.js根据媒体查询动态添加和删除一个css类，但我需要使用这些函数的帮助。
下面是我想要的伪形式：
if (screens max-width > 480px){
#thumb.removeClass('col-xs-12').addClass('col-xs-6');
}
下面是开始的thumb元素：
<div id ="thumb" class="col-xs-12 col-md-3">
<a href="#" class="thumbnai
浏览 3提问于2014-07-06得票数 0
4回答
我正在动态地创建一组li元素
$.each(data.attributes.listingImages, function (i, obj){
if(i == 1){
$('#js-carousel-menu').append('<li media class="active"><a media-frame><img class="js-carousel-item" src=" '+obj.thumbnail+ ' " /></a></li>
浏览 0提问于2012-05-23得票数 0
回答已采纳
3回答
函数需要重置
、、、
我试图用双images.Idea创建部分，动态地更改这些图像，但我的问题是:当部分加载和动画完成时，整个过程停止，但是它应该继续，再来一次。
有人能帮我做到这一点吗？
谢谢。
到目前为止，我的代码如下：
$(document).ready(function(){
setInterval(function(){
var $slide = $('div.slideUp');
$slide.removeClass('slideUp');
$slide.next().addClass('slideUp
浏览 3提问于2017-01-16得票数 0
回答已采纳
1回答
首先为我糟糕的英语感到抱歉，
我正在尝试制作一个简单的全屏动态图像滑块，并在后面添加其他功能。其思想是每x秒显示下一个图像标记，并到达最后一个标记，从第一个开始。
我唯一的问题是，我无法找到如何在一排标签中显示下一个图像标记，每次都不能命名它的类，这不会太动态。
示例：
<div id="image_container">
<img src="img/image1.jpg"/>
<img src="img/image2.jpg"/>
<img src="img/image3
浏览 4提问于2014-09-23得票数 1
回答已采纳
我正在和一起工作。
我有一个包含幻灯片显示的多个动态实例的页面：
如果滑块中只有一个图像，则不会显示该图像。上面链接的第一个滑块显示了此问题。当存在多个图像时，它们都显示得很好：
以下是第一个链接中的单个图像的代码。
这有什么印象吗？我有错误吗？
非常感谢您的任何建议！
<div id="container1">
<div id="slides1">
<div class="slides_container">
<div class="slides_control">
<div
浏览 2提问于2011-07-28得票数 0
回答已采纳
1回答
我已经在我们的网站中实现了bxslider，滑块已经以动态的方式出现了，就像在while循环中一样。下面是while循环中的动态代码，如：
$html_img = '<div class="sch_rel_img">';
if(count($node_img)>1)
{
$html_img .='<link href="'.base_path().drupal_get_path('module','demonz').'/css/jquery.bxslid
浏览 1提问于2013-06-19得票数 2
我正在使用下面的JS代码通过填充动态生成的代码来打开新窗口。
function OpenWindow(obj) {
var w = window.open();
var stored = $(obj).parent().find("div").html();
w.document.title = "New Window";
w.document.URL = "hello.com/dummypage.html"; //how to assign the url to the newly opened window
浏览 6提问于2013-09-06得票数 9
4回答
<html>
<head><script src="jquery-1.10.1.min.js"></script></head>
<body>
<div><img src="images/img-40.jpg" class="Main-image"/></div>
<div id="iranimg"><img src="images/irani.jpg" style="displa
浏览 1提问于2015-11-16得票数 0
回答已采纳
我正在尝试使用hrefs和img在JavaScript中显示来自远程位置的一些横幅。
在客户端：
<script src="data/JScript.js?id=123" type="text/javascript"></script>
我想要一些解决方案，以便我可以使123动态在下面的JS文件。到目前为止，它是硬编码的。
我只想给客户提供上面的JS链接，它将生成一个动态链接到一个带有querystring (www.abc.com/123)的网站。
JS文件(JScript.js)：
document.write('<di
浏览 1提问于2015-07-24得票数 0
回答已采纳
我有一个本地的形象，我想把我的网页上与道具。我做了src={require('../images/my-image.png')}，但不起作用。它只适用于导入图像文件，但我希望它是动态的。
得到的img元素如下：
App.js：
export default function App() {
return (
<div className="App">
<Cards img="my-image.png" />
</div>
)
}
Cards.js：
expo
浏览 6提问于2022-03-16得票数 1
回答已采纳
我有一个这样的演示:我的webpack配置：
module.exports = {
entry: './app.js',
output: {
filename: 'bundle.js',
path: './build',
publicPath: 'http://localhost:3000/'
},
module: {
rules: [{
test: /static\.html/,
use: 'file-loader'
}, {
浏览 23提问于2017-03-16得票数 0
2回答
我希望有人能给我答案，
我目前正试图为我的商店网站创建一个PHP产品页面，我有一个存储图像前缀名称的sql表，例如如果图像文件是'test_1.png‘，那么该表存储'test’。使用嵌入式php
src="images/shop/<?php echo $row['item_img'], '_1.png';?>"></img>
我想做的是使用js，在鼠标单击时动态更新src。
有点像。
var imgSwitch = function(i){
Document.getElementById(
浏览 3提问于2015-08-16得票数 1
回答已采纳
2回答
我有这样的代码，它根据您单击地图图像的位置动态地在jpg地图上添加标记。它还动态地创建It。我试图将一个单击事件附加到每个动态创建的标记上，以便如果用户单击标记，它将被删除。问题是，当他们点击标记时，它会生成另一个标记。我希望用户能够通过点击地图在地图上放置标记，然后如果他们想要删除标记，他们可以再次点击它，而不会在他们想要删除的标记上生成一个新的标记。
提前谢谢你的帮助。
JS :
$(document).ready(function(){
var clicks = 0;
$("#container").click(function(e) {
浏览 7提问于2016-12-07得票数 1
回答已采纳
1回答
我正在尝试使用Swiper javascript模板创建一个包含两个图库的页面，并使用Bootstrap创建由选项卡分隔的页面。没有选项卡，图库加载得很好，但有了它们，位于非活动选项卡中的图库无法加载。我最好的猜测是，图片库的宽度是由包含div的大小设置的，当选项卡不活动时，div的大小为0，但到目前为止，这还没有给出解决方案。我将从下面的php文件中发布代码；如果有人对这个问题有解决方案或变通方法，我将不胜感激！
<div class="row page-header">
<h1>Photos</h1>
浏览 3提问于2016-03-24得票数 0
2回答
我想惰性地在中加载图像(或者像控件这样的任何滑块，它允许动态数量的幻灯片/图像)。我使用lazyload来延迟加载图像，但是滑块中的图像并不是延迟加载。所有的图像都会被加载到页面中。这是我的密码
<link href="jquery.bxslider.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<scrip
浏览 5提问于2015-07-27得票数 4
3回答
我试图对我的HTML页面做出反应，我试图通过引导来创建动态卡片，但是我一直在了解我到目前为止的情况。
service.html
<head>
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
</head>
<body>
<div id="services-load"></div>
<script src="https://unpkg.com/react@16/u
浏览 8提问于2020-09-06得票数 0
回答已采纳
3回答
我以前问过类似的问题，但那是关于与动态创建的元素相关的事件。现在，我只想更改div中动态创建的img标记的类列表。这就是全部内容，我想创建一个滑块，其中包含从JSON文件获取的src和alt属性拍摄的三个图像。函数正常地创建了所有这三个类，并且正如我所希望的那样，将displayNone类放在除第一个之外的每个img上。另一个函数应该每隔3秒在循环中检查不包含displayNone类的标签的所有动态创建的img标签，并将其添加到该特定的img类displayNone，然后获取下一个，或者如果它是最后第一个，则获取img并移除他的displayNone类。我在内部函数中创建了var来获取这些图像
浏览 0提问于2021-02-15得票数 0
HTML
<body ng-app="myApp">
<div ng-controller="myController">
<my-template src="https://plnkr.co/img/plunker.png"></my-template>
</div>
</body>
JS
myApp.directive('myTemplate', function() {
return {
scope: {src: '@
浏览 2提问于2016-05-19得票数 2
回答已采纳
1回答
我目前正在开发这个站点：是指，我的菜单是通过javascript动态创建的，它检查文件夹中的页面并将其填充到数组中。
虽然一切顺利，但有一个问题。
在我的首页上，有一个javascript幻灯片，它也运行得很完美，直到我将菜单从纯php更改为javascript。
现在，每当您按下菜单中的frontpage链接时，javascript幻灯片就不会显示图像，这有点像按链接时幻灯片的尺寸和布局。
如果刷新，或按下徽标，脚本再次正常工作。
有人知道错误可能在哪里吗？我会根据要求上传我的不同的代码文件，我不确定你是否想看。
Javacsript菜单：
这是我的首页.php：
<head>
浏览 1提问于2014-01-26得票数 0
1回答
我正在尝试为我动态创建的图像创建幻灯片。图像的目录路径作为ajax调用的响应返回，并且再次进行另一个ajax调用，它将为我的幻灯片创建html结构，并将其作为响应返回，我将其附加到html。
现在，我正在使用创建幻灯片。一切正常，html响应返回也被验证，因为它包含正确的图像路径(我通过从url单独加载图像来验证)，但不知何故幻灯片没有发生，并且只显示了一张图像。
下面是JS：
$(function() {
$("#slider1").responsiveSlides({
maxwidth: 1000,
speed: 800
}
浏览 5提问于2016-01-12得票数 3
4回答
针对特定的div更新图像
、、、
我使用一段简单的JS来将div中的图像从正负转换为负值。这个页面上有多个div，它们是动态生成的。我如何才能具体地更改被点击的div上的标志。目前，我对每个div都有相同的类。这意味着每当我单击任何div时，只更改第一个div图像，而不是单击的div。
<div class="hover2 opacity" onclick="changeImage()">
<h3><a>Test</a></h3>
<div class="layer1">
浏览 2提问于2015-10-12得票数 1
回答已采纳
1回答
我的旋转木马就是这样出现的
在我的代码中
<!-- bxSlider CSS file -->
<link rel="stylesheet" href="<c:url value="/resources/css/jquery.bxslider.css" />" type="text/css" />
<script type="text/javascript" language="javascript" src=
浏览 5提问于2015-10-13得票数 1
回答已采纳
我编写了一个函数，它将使用body onload=getImages()函数在页面中动态添加图像。
第一个问题是，我无法看到HTML页面上的图像，尽管它们是在我使用inspect元素时出现的。第二，图像选择器不能使用动态内容。
守则如下：
function.js
var imgData={
"1": {
"url": "img/pic1.png",
"name": "pic1"
},
"2": {
浏览 3提问于2015-08-25得票数 1
回答已采纳
1回答
我正在尝试使用以下脚本(laz-load.js)来映像：
function lazyLoadImage(imgContainers) {
var img = $('<img src="">');
imgContainers.each(function (i, elm) {
img.attr('src', $(elm).data("large"));
img.on('load', function () {
$(this).addCl
浏览 6提问于2020-08-20得票数 1
我用的是动态图像。在本地主机上一切正常，但是一旦我在vercel上部署我的next.js应用程序，就只显示回退映像(默认映像有404错误)。
顺便说一句，当我硬编码一个图像时，而不是使用动态路径，一切都正常.所以我认为问题就在动态路径(?)的某个地方。
以下是相关代码：
function isImageValid(src) {
let promise = new Promise((resolve) => {
let img = document.createElement("img");
img.onerror = () => resolve(f
浏览 3提问于2021-05-17得票数 4
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
