Tag: 动态

如何使用jquery包装2个动态html元素？

我有以下jquery，我已经创建了动态html结构 var data = [{“name”: “Afghanistan”, “code”: “A”},{“name”: “AndorrA”, “code”: “A”},{“name”: “Bouvet Island”, “code”: “B”},{“name”: “Cook Islands”, “code”: “C”}]; $.each(data, function(key, val) { if (!$(“#aZContent ul.” + val.code).is(“*”)) { $(“”, { “class”: val.code, “html”: “” + val.name + “” }) .appendTo(“#aZContent ol”) .before(” + val.code + ”); } else { $(“b.” + val.code).each(function() { if […]

如何在DIV宽度变化时动态更改类？

我知道如何在更改窗口大小时使用Jquery更改类，但我需要它基于DIV的宽度并在DIV的宽度更改时动态更改。 $(window).resize(function() { var wrapWidth = $(‘.info-wrap’).width(); if (wrapWidth >= 500) { $(‘#partOne’).addClass(‘big’); $(‘#partTwo’).addClass(‘big’); } else { $(‘#partOne’).removeClass(‘big’); $(‘#partTwo’).removeClass(‘big’); } }); 这在窗口大小更改时有效。 但是，我可以使用$（window）.resize的内容来获取DIV随其变化的宽度？

将参数动态添加到嵌入式URL

我使用程序jAlbum与皮肤Lightflow来构建一个库。 我在画廊中嵌入了YouTubevideo。 该程序生成以下HTML（针对单个嵌入式video），如下所示： item27 lightwindow_width=640,lightwindow_height=360 350 231 我想在youtube嵌入代码中添加一些参数。 参数是rel=0&modestbranding=1&iv_load_policy=3 我无法在图库中添加这些（或者至少我不知道如何）所以我需要在浏览器中加载页面后将这些动态添加到YouTube src代码的末尾。 我该怎么做呢？ 请提供示例，因为Javascript可以让我循环。 编辑1 我试过这段代码： var $j = jQuery.noConflict(); $j(‘iframe’).attr(‘src’, $j(this).attr(‘src’) + ‘&rel=0&modestbranding=1&iv_load_policy=3’)); 当我在Dreamweaver中抛出语法错误时，Firebug说我missing ; before statement missing ; before statement我在代码中缺少什么？ 编辑2 当我尝试上面的代码时， src被更改为undefined&rel=0&modestbranding=1&iv_load_policy=3

保存动态创建的DOM并创建JSON

我需要帮助来创建具有完全相同格式的动态创建的dom对象的JSON，这是在接收JSON以创建动态元素时。 请检查JS Fiddle链接和下面的源代码。 现在，如果你看到，我在表中通过JSON获取数据。 表中的复选框值是JSON对象。 当我选中任何复选框并单击“保存”时，将生成并显示相应的div。 现在，我想使用“保存显示的数据并创建json”按钮来保存这个动态创建的DOM结构，并创建具有相同格式的JSON（包含所有属性（无论事实是否显示）或者不在相应的父级中。例如，电话号码，图像所有数据应该在JSON中可用，即使它没有显示但在原始JSON中可用）。 JS小提琴 table, th, td { border: 1px solid #ddd; border-collapse: collapse; padding: 10px; } table { margin: auto; } .parent { height: 25%; width: 90%; padding: 1%; margin-left: 1%; margin-top: 1%; border: 1px solid black; } .parent:nth-child(odd){ background: skyblue; } .parent:nth-child(even){ background: green; } Load Table Save Table […]

在Jquery中动态添加字段总和

我想在一周内使用jquery添加一小时的总和，当文本字段更改div中的total total_amount时应该更新，但它似乎不起作用。 $(function() { $(“[id$=day]”).change(function() { var total = 0; $(‘table input[id$=day]’).each(function() { var sum_id = this.id; total[this.value] += parseInt($(‘#’ + sum_id).val(), 10); }); $(‘div.total_amount’).html(total); }); }); 而html就在这里

jQuery动态元素 – 未应用样式

我有2个Button ，当点击时，添加一个新段落或删除当前段落。 这是使用jQuery完成的。 我还使用jQuery在hover将段落文本的颜色从黑色更改为红色。 我遇到的问题是，在使用jQuery添加新段落后，hover效果未应用于它。 它适用于原始段落，但不适用于动态创建的段落。 当我查看页面的source code时，我看到原始段落应用了内联样式，但不是我通过jQuery添加的样式。 我一直在网上寻找最后一小时试图寻找解决方案但到目前为止没有一个对我有用。 我发现了一些类似的问题，但解决方案要么对我不起作用，要么我没有正确应用它们。 问题是我几个小时前开始学习jQuery ，因此不能确定我是在修复某些东西还是让它变得更糟。 此外，我所看到的大部分问题都与jQuery Mobile有关，当我在PC上工作时，这让我更加困惑。 http://jsfiddle.net/2Xh75/ HTML Add line Remove line Original Line Original Line Original Line jQuery的 $(document).ready(function(){ //Add line $(“button:nth-of-type(1)”).click(function(){ $(“#p_wrap”).append(“New Line”); }); //Remove line $(“button:nth-of-type(2)”).click(function(){ $(“p:last-of-type”).remove(); }); //Hover effect $(“p”).hover( function(){ $(this).css(“color”, “red”); }, function(){ $(this).css(“color”, “black”); } ); }); // Document Ready […]

如果用户输入了路径，则返回拆分值，否则返回空白

我需要动态显示用户输入的路径的名称和拆分路径。 为此，我拆分了用户输入的路径并仅抓取其中的某些部分。 例如，如果用户输入路径为： /content/mypath/myfolder/about/images/abc.jpg然后我正在显示images / abc.jpg。 但是，假设用户只输入名称而不输入路径，在这种情况下至少应该应用和显示名称。 但每次进入路径时它都会显示0。 我该如何解决？ $(document).ready(function(){ $(‘#getData’).click(function(){ var name = $(‘#name’).val(); var imgPath = $(‘#imgPath’).val(); var newPath = imgPath.match(/images\/.*$/i); $(‘.container’).append( $(”).text(name), $(”).text(function(imgPath){ return newPath ? imgPath : $(‘#imgPath’).val(); }) ); //console.log(slicedPath); }); }); Name: Image path: Click

动态数据在添加时消失

我有一个表单来添加外部用户，其中默认情况下其中两个字段不是必需的。 但是，只有在填写其中一个字段时，它们才成为强制性的。 单击“应用”按钮时，我的表单内容将用于生成动态div，该div将附加到“div.container”。 然而，它一旦添加就会消失。 可能是什么原因呢？ 这是代码： var currentPageNo = 0; // Keep track of currently displayed page // Select button that is descendant of userList $(‘#userList .prev-btn’).click(function(){ userList(currentPageNo-10); }); $(‘#userList .next-btn’).click(function(){ userList(currentPageNo+10); }); $(‘#adminList .prev-btn’).click(function(){ adminList(currentPageNo-10); }); $(‘#adminList .next-btn’).click(function(){ adminList(currentPageNo+10); }); function userList(pageNo) { var resType=”userList”; createTable(resType,pageNo); } function adminList(pageNo) { var resType=”adminList”; createTable(resType,pageNo); } […]

如何动态显示/隐藏表中的行

我正在一个我需要显示/隐藏表格行的网站上工作。 我得到了这个function，但是当我显示时，CSS会变坏。 我正在提供一个工作链接 ; 单击“更多…”链接并查看示例的操作。 我正在使用jQuery的toggle(slow)来隐藏和显示 我有一个使用表格构建的页面： http://ratingscorner.com/product_rating.php?alias=Rashtreeya-Vidyalaya-College-of-Engineering-Mysore-Road-Bangalore&product=colleges 如果您看到图像右侧有刻度标记的部分。 在刻度线后，该部分移动到右侧。 这发生在我确实放了一个代码来显示/隐藏额外的function..这个问题的任何解决方案？

javascript在某个地方保存动态对象以便以后通过其他方法重新使用！

我想在一个地方保存javascript对象，所以如果选择的行获得触发器，我可以通过不同的方法再次使用该行对象。 也许保存在输入隐藏字段可以工作？ 但不确定..你会怎么做？ 我试图做以下，但这不工作，显然我的代码是错的，但我想告诉你，所以你可以告诉你正确的方法来做到这一点。 jQuery(function($) { var video = {title: ‘this is title’, time: ‘2:32:20’} $(‘.arr’).val(video); $(‘.show’).click(function() { console.log($(‘.arr’).val()); }); });