jquery 相关问题

jQuery是一个Javascript库,考虑添加Javascript标记。 jQuery是一个流行的跨浏览器JavaScript库,它通过最小化浏览器之间的差异来促进文档对象模型(DOM)遍历,事件处理,动画和AJAX交互。标记为jquery的问题应该与jquery相关,因此有问题的代码应该使用jquery,并且至少需要jquery与用法相关的元素。

infinite背景位置动画

I'm wondering how to make infinite animation on jQuery with a plugin "background position animation" I tried to implement

回答 3 投票 0



溶解:使用按钮单击触发此文件输入不允许图像附加

我确定我不理解这很简单,但我在这里看不到问题。

回答 0 投票 0



在我的观点中,我有许多标签,分类为差异和ID:

在我的观点中,我有许多标签,分类和类似ID的标签: <!-- html view --> <div class="panel panel-default"> <ul class="" id="tablist" role="tablist"> <li class="getState active" id="proposed"> <a href="#proposed"><b>Proposed</b></a> </li> <li class="getState" id="current"> <a href="#current"><b>Current</b></a> </li> <li class="getState" id="incoming"> <a href="#incoming"><b>Incoming</b></a> </li> <li class="getState" id="finished"> <a href="#finished"><b>Finished</b></a> </li> </ul> </div> <select class="form-control" id="isProduction"> <option value="" disabled selected>Type</option> <option value="production">Production</option> <option value="nonProduction">nonProduction</option> </select> <div> <!-- some content here like <p></p> --> <a href="#validity"> <button class="btn btn-default">Validity</button> </a> </div> <div> <!-- some content here like <p></p> --> <a href="#rate"> <button class="btn btn-default">Rate</button> </a> </div> <!-- content appear here --> <div id="info"> <!-- put some content here following click and selected option change --> </div> 使用jQuery,我想捕获所有单击,这些标签的更改,如果用户使用class<li></li>tag.getStatetag单击,如果用户选择了具有ID<select></select>tag的选项,如果用户选择了具有ID#isProductiontag的选项,如果用户有iD<button></button>tag,如果用户已经单击了其他the the the the的thehavetagtagtagtag。 例如这个示例: <a href="#validity">我可以通过恢复状态来提出一个请求(PHP服务器端),然后我可以使用此参数提出请求。 如何将所有这些事件仅在一个函数中组合到一个函数中,以恢复使用jQuery的PHP服务器端所需的所有参数? 我在文档上看到,我们可以在这样的多个事件上创建一个绑定: <a href="#rate"> 如果我理解正确的话,您想将同一事件附加到多个元素上,如果是的,则可以使用逗号分隔符:: <script type="text/javascript" charset="utf-8" defer> $('.getState').bind('click', function sortByState(){ var infoDiv = $('#info'); $.ajax({ type: "GET", url: window.location.href, data: { state: $(this).attr("id"), }, success: function(html){ infoDiv.empty(); var newinfoDiv = $(html).find('#info'); infoDiv.append(newinfoDiv); infoDiv = newinfoDiv; } }); }); </script> 注:如果您可以向它们添加一类,则更好的两个按钮,这样您就可以将事件附加到它们上,而不是将其附加到$( "#foo" ).bind( "mouseenter mouseleave", function() { $( this ).toggleClass( "entered" ); }); 上,以免感染其他按钮单击事件。 , 或您也可以使用分离的功能并分别附加事件,但触发相同的动作: $('body').on('click','#isProduction, .getState, button.my-btn',function(){ var infoDiv = $('#info'); $.ajax({ type: "GET", url: window.location.href, data: { state: $(this).attr("id"), }, success: function(html){ infoDiv.empty(); var newinfoDiv = $(html).find('#info'); infoDiv.append(newinfoDiv); infoDiv = newinfoDiv; } }); }) 希望这帮助 button.my-btn button 您可以使用以下代码捕获整个页面上的触发器单击事件,然后您可以编写要执行的所需代码: <button class="btn btn-default my-btn">Validity</button> <button class="btn btn-default my-btn">Rate</button>

回答 1 投票 0


删除了jQuery

我的多选下拉列表如下,我选择了选项“测试2”和“测试3”。 <select id="edit-rec" class="form-select" multiple="multiple" name="rec[]"> <option value="6012">Test 1</option> <option value="8436">Test 2</option> <option value="4689">Test 3</option> <option value="6784">Test 4</option> </select> 我有一个称为“全部选择”的按钮。单击此按钮时,应取消选定选定的项目。在这种情况下,我先前选择的项目“测试2”和“测试3”现在应该取消选择。 我如何使用jQuery? $("#edit-rec option:selected").removeAttr("selected"); Try- $("#edit-rec > option").attr("selected",false); demo -Http://jsfiddle.net/lhsbu/ 我发现在多选下拉菜单中取消所有选项的最简单方法是使用.val([]).。 $("#select").val([]); 在单击单击按钮时,您可以使用此 $("#edit-rec option").each(function(){ this.selected=false; }); IT将从多选择下拉列表中删除所有检查选项: $('#ddltradeshow')。多选择(“ clearSelection”); $("#edit-rec option:selected").removeAttr("selected"); 可以做类似JS小提琴的事情以设置单击“单击单击”按钮 Http://jsfiddle.net/x5ck3/ $('#rdClear').click( function() { $("#edit-rec option:selected").removeAttr("selected"); }); $("#butt").click(function () { $("#edit-rec > option").removeProp("selected"); }); 新的jQuery版本正确 现在,jQuery直接提供了另一种可能性: $('#edit-rec').multiSelect('deselect_all'); 工作,您可以在这里找到有关它的更多选择:Http://loudev.com/ 您可以使用香草HtmlSelectelectelementdomInterface,也无需迭代所有元素。可以使用<option>或selectedIndex: value 或: $('#edit-rec')[0].selectedIndex = -1; those都可以工作,而不管$('#edit-rec')[0].value = ''; 属性如何。有关各种方法的示例,请参见this小提琴。 PS:对于多个元素,您可以使用jQuery的multiple(但是要小心从回调中返回-non-false)或dom Collection的.each(返回值无关紧要): .forEach 或: $('.all-the-selects').each((_,s) => s.selectedIndex = -1);

回答 0 投票 0

LLES假设以下元素(寻找尾随和领先空间): lorem ipsum只是虚拟文本 LET假设以下元素(查找尾随和前导空间): <p> <span class="item">Lorem Ipsum is simply dummy text </span><span class="item">of the printing and typesetting</span><span class="item"> industry.</span> </p> 我想用&nbsp;替换所有空间,因为这里显示的奇怪行为:http://jsfiddle.net/squuz/(我不知道所有浏览器,但是最新的Chrome和Firefox都相同)。 现在,由于JavaScript是这里的一个选择,所以我可以: display: inline-block 但它逃脱了$('p').text($('p').text().replace(/ /g, '&nbsp;')); ,并变成&nbsp;。 明显地,为了这种目的,我们可以使用a&nbsp;mess&nbsp;of&nbsp;entities: $('p').html() 但是,这甚至更糟,因为它也在标签本身中添加了$('p').html($('p').html().replace(/ /g, '&nbsp;')); :&nbsp; 它打破了一切... 注: 不仅有class class<p> <span&nbsp;class="item">Lorem&nbsp;Ipsum&nbsp;is&nbsp;simply&nbsp;dummy&nbsp;text&nbsp;</span><span&nbsp;class="item">of&nbsp;the&nbsp;printing&nbsp;and&nbsp;typesetting</span><span&nbsp;class="item">&nbsp;industry.</span> </p> <!-- TL;DR --> <span&nbsp;class="item"></span> <!-- is actually invalid... --> 在容器内部的元素(这也不总是是<span>)。 low low正则表达式是一种选择(问题是,我不能想出一个...)。 我在这里有什么选择? update: 实际上,谁能解释为什么多行 /单线item有这样的错误? (请参阅上面的小提琴链接,并检查...) 问题迁移到display:inline-block;怪异的间距行为 <p> demo 十几点真的很棒,并且做所有事情,CSS在某些情况下也可以工作: display: inline-block; demo. CSS3相关:$('p').contents().filter(function(){ return this.nodeType == 3 // Text node }).each(function(){ this.data = this.data.replace(/ /g, '\u00a0'); }); 任何人都可以解释为什么在多行 /单行显示中存在这样的错误:inline-block; (请参阅上面的小提琴链接,并检查...) Consider: white-space: pre-wrap; 空间字符是由text-space-collapse创建的线框容器。 CSS2.116.6.1描述了必须如何处理线路中的空间: 在一条线结束时,每行都被布置了……[i] f一个空间(u+0020)的“白空间”设置为“正常”,“ nowrap”或“ pre-line”,它被…删除。 空间位于线的末端在线内联块,将其删除。 Contrast: ​<p><span style="display:inline-block">lorem </span>​​​​​​​​​​​​​​​​​​<span>ipsum</span></p> 在这种情况下,没有删除空间,因为它是一个组成单行框的两个内联级元素之间。 您可以使用display:inline-block元素使空间可见。可以说,如果您想在视觉上显示ASCII艺术,则是一个快速的解决方案。 我在某些WordPress博客中使用的代码。 仅过滤主要内容并照顾法式“标点前空间”,以用非破坏角色替换它们(“” Isocode是“ \ u00a0”): <p><span style="display:inline-block">lorem</span> <span>ipsum</span></p>​

回答 3 投票 0


jquery datepicker focus事件

我使用jQuery DatePicker有2个表格的datefields。 单击第一个字段并选择一个日期将使用选定的datefield1 +一天的日期自动填充第二个datefield-一切都是

回答 3 投票 0

通常使用jQuery我以这种方式解决它:

例如,使用jQuery,我可以使用此代码更改所选项目:

回答 1 投票 0



删除中间行html表元素上的update id名称

函数addrow将在表的最后一个孩子中添加行,并且Deleterow将删除检查行。问题是,当我删除中间行,即从3行可用的第2行,然后第3行Elem ...

回答 1 投票 0





最新问题
© www.soinside.com 2019 - 2025. All rights reserved.