Tag: 动态

jQuery基于下拉菜单中选择的数字动态创建输入字段？: 我正在尝试按照以下方式完成某些事情： http://devblog.jasonhuck.com/assets/infiniteformrows.html 但是……我想显示一个下拉选择字段，值为1到20，并且取决于在该字段中选择的值，即我将向用户显示的页面上填写的输入字段数量（不刷新，当然）。因此，如果我在下拉框中选择4（最初没有显示输入字段，默认值应为0），则应在其下方创建4行输入字段，用于名称和电子邮件，所有输入字段都具有唯一标识符等（用于存储到mysql）。而对于我的生活，我找不到任何人这样做的例子，所以我想我会在这里提出一些挑战。提前致谢！

在动态添加的内容上激活灯箱: 我正在开发一个小组合，我可以在其中选择一个类别，当我点击它时，将显示该类别的内容（缩略图）（这是通过数组）。例如 photography[0] = photography[1] = 首先，该网站显示所有类别的内容，当我点击缩略图时，它会激活灯箱，但是如果我选择一个类别，然后按其中一个剩余的缩略图只是导致图像，并且不会使用灯箱打开图像。这是缩略图在页面初始加载时的样子：选择类别后，它会删除div中的内容，并将其替换为其他内容，例如完全相同的内容。（所以rel =“lightbox”仍然存在）。如果有人可以帮我解决这个问题，我会喜欢它（我正在使用jquery btw）。在回应Alex Sexton之后编辑： $(“.thumbnaila”).live(“mouseover”, function(){ activateLightbox($(this));}); function activateLightbox(dit) { $(‘a[rel=”lightbox”]’).lightBox({ overlayBgColor: ‘#000’, overlayOpacity: 0.65, containerResizeSpeed: 350 }); } 但是现在当我选择一个类别并选择一个缩略图时，它会加载正确的灯箱，但也会在我想要的那个上方加载一个空的灯箱，如你所见：有人知道是什么原因造成的吗？

jqGrid动态选择选项: 我正在使用下拉列创建一个jqgrid，我正在使用单元格编辑。我需要下拉列的选项来动态更改，我已经尝试通过将列设置为： { name: “AccountLookup”, index: “AccountLookup”, width: 90, editable: true, resizable: true, edittype: “select”, formatter: “select” }, 然后在beforeCellEdit事件中，我有： beforeEditCell: function(id, name, val, iRow, iCol) { if(name==’AccountLookup’) { var listdata = GetLookupValues(id, name); if (listdata == null) listdata = “1:1”; jQuery(“#grid”).setColProp(name, { editoptions: { value: listdata.toString()} }) } }, GetLookupValues只返回一个字符串，格式为“1：One; 2：Two”等。这样可以正常填充选项后点击一下 – 即我点击第1行中的AccountID，下拉列表为空，但是当我然后单击第3行中的AccountID，我在行1中单击设置的选项将显示在第3行中。等等。所以总是一次点击后面。 […]

所有其他JS执行后运行jQuery: 在过去，我已经使用$（window）.onload在其他脚本加载后运行一段代码。在这种情况下，我无法更改JS文件的加载顺序，而我所关注的代码需要操作由另一个在页面下方加载的JS文件动态插入的DOM节点。两个脚本都位于文档底部附近。有没有人对这种情况有任何建议？

如何动态添加和删除要由Parsley.jsvalidation的表单字段？: 我有一个表格（’#registrations’），我正在与Parsley.jsvalidation，到目前为止它工作正常。但是，我正在尝试动态删除表单字段并将新的字段添加到Parsleyvalidation中，具体取决于某人在选择下拉列表中选择的内容（’#manureurer’）。这是我的标记： Apple Blackberry HTC Huawei LG Motorola Nokia Samsung Sony Sony Ericsson 这是我的JS： //init parsley $(‘#registrations’).parsley(); $(‘#manufacturer’).change(function() { //define selected value var manufacturer = $(this).val(); //destroy parsley $(‘#registrations’).parsley(‘destroy’); //remove all models selects from parsley validation //if someone has previously selected a different manufacturer $(‘#registrations’).parsley(‘removeItem’, ‘#apple-models’); $(‘#registrations’).parsley(‘removeItem’, ‘#blackberry-models’); $(‘#registrations’).parsley(‘removeItem’, ‘#htc-models’); $(‘#registrations’).parsley(‘removeItem’, ‘#huawei-models’); $(‘#registrations’).parsley(‘removeItem’, ‘#lg-models’); […]

在jquery选择器中使用变量: 我正在尝试使用以下代码构建动态jquery选择器： var section_id = “{segment_3}”; var num_children = $(‘#’+ section_id + ‘ ul’).children().size(); 其中segment_3是我从url字符串中成功检索的值，例如，它可能返回“section_one”的值但是在尝试创建变量num_children时，此引用不起作用。如何构建代码以构建动态引用？谢谢你的帮助。

事件不在动态创建的元素上: 我正在试着弄清楚为什么mouseover事件不能与.on处理程序一起使用ajax动态创建的元素。似乎唯一有效的是带有.live的代码，但我知道它已被弃用。 $(“.dropdown ul li”).live(“mouseover”, function() { alert(‘mouseover works’); }); 但是，当我尝试使用.on时，无论我尝试什么变化（document.ready，.mouseover等等）都无法使用。 $(“.dropdown ul li”).on(“mouseover”, function() { alert(‘mouseover works’); }); 事件处理程序位于代码的底部，因此它们最后执行。任何人都知道我做错了什么？

使用jQuery计算Children的总宽度: 我试过找到一个可以理解的答案，但放弃了。为了在横向网站（如thehorizontalway.com ）上拥有dymnamic内容（如博客文章和图片），你必须为像素中的BODY设置一个固定的宽度，对吧？因为你在其中使用浮动元素，否则会破坏和包裹页面，具体取决于浏览器的宽度。编辑！这个特定的值可以用jQuery 计算，多亏了:)在这个例子中，一个额外的值被添加到总大小，可以用于浮动元素之前的内容。现在身体得到了动态的宽度！我最初的想法是让jQuery为我们计算：（’每个post宽度’*’号码数’）+ 250（额外内容） HTML代码 Lorem Lorem Lorem Lorem … Alconja的结果和答案 $(document).ready(function() { var width = 0; $(‘.post’).each(function() { width += $(this).outerWidth( true ); }); $(‘body’).css(‘width’, width + 250); }); 非常感谢！

jQuery Mobile – 包含外部文件的页脚: 我想创建一个可以由我的jQuery Mobile应用程序中的所有页面使用的共享页脚（例如footer.html）。但是，在从外部文件加载html后，我找不到让jQuery刷新页脚导航栏中样式的方法。在思考之后会非常感激。 Footer.html： a b c d e index.html的： EVENT CALENDAR This is a single page boilerplate template that you can copy to build you first jQuery Mobile page. Each link or form from here will pull a new page in via Ajax to support the animated page transitions. $(‘#index’).live(‘pageinit’, function (event, […]

jquery自动完成动态生成的文本框: 我是jquery的新手，我正在开发一个需要使用自动完成工具动态生成文本框的网页。我测试了$(“#some”).autocomplete(data); 在一些静态内容上，它运作得很好。但是，当我使用动态生成的文本框尝试相同的技术时，它不起作用！我的代码如下： $(function() { $(“#button_newproduct”).click(function(){ $(“#products_table > tbody”).append( “”); }); var data = “Core celectors cttributes craversing canipulation CSS cvents cffects cjax ctilities”.split(” “); $(‘input[name^=td_products]’).autocomplete(data); }); 谢谢你们，我帮你完成了这件事。现在，另一个问题。我正在使用DWR call.as加载数组（输入到自动完成） DwrService.populateProducts(someFunc); function someFunc(result){ autoProducts=result; input.autocomplete(result); } 这里的问题是每次对DB进行DWR调用以获取数组！有没有办法将DWR中的数组存储在全局变量中？问候