jquery 相关问题

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

如何延迟在Div

这里是我的小提琴。 I just want the " background-image: " in the css to load fully and display after 3 seconds with a quick fade in effect, until then the entire div must be in black color. 它是如何的

回答 8 投票 0


jQuery引用表单对象阵列

这是关于具有相同名称和未知数量的克隆/重复项的形式输入对象: 使用JQ ...

回答 2 投票 0

如何获得文件的延续属性添加头?

我有一个JS文件添加头,并将获得最后修改的属性。我尝试过,但不起作用: 我有一个js文件添加<p><code>head</code><pre>,并将获得</pre><code>lastModified</code><pre>属性。我尝试过,但不起作用:</pre> </p><code>&lt;head&gt; &lt;script src=&#34;http://www.website.fake/code/quakes48h.js&#34; type=&#34;text/javascript&#34; id=&#34;utlime48ore&#34;&gt;&lt;/script&gt; &lt;/head&gt; </code><pre> </pre><code>var last_mod48 = document.getElementById(&#34;ultime48ore&#34;).src.lastModified; alert(last_mod48); </code><pre> </pre>这返回错误。我希望你能帮助我。 <p> <pre> </pre>请阅读</p>Mdn</question>和<answer tick="true" vote="1">W3Schools<p>.<pre>的文档。 </pre>从W3Schools:<a href="https://developer.mozilla.org/en-US/docs/Web/API/Document/lastModified" rel="nofollow noreferrer"> </a> <a href="https://www.w3schools.com/jsref/prop_doc_lastmodified.asp" rel="nofollow noreferrer">最后修改的属性返回当前的日期和时间 文档进行了最后修改。 </a> </p>从MDN:<p> </p> 返回一根琴弦,其中包含当前的日期和时间 文档进行了最后修改。 <blockquote> <p>您试图通过此属性实现的目标并不是它的目的。返回</p><code>is null</code></blockquote>是正常的,因为您正在尝试检查未设置它的非HTML DOM<p><code>lastModified</code></p>对象的最后修改。 <blockquote>如果目的是获取文件的最后一个修改日期,那么我认为最好在服务器端完成。 <p>-基于OPS提及PHP的编辑 - </p> </blockquote>如果您使用的是PHP并希望获得服务器本地文件的最后一个修改时间,则可以使用PHP<p><code>null</code><pre>文件系统函数。可以找到文档</pre>Herey<pre></pre> </p>示例以上引用的文档:<p> </p><code>document</code><p> </p> <p> <pre>接受的答案在特定情况下有助于OP。 要回答标题和标签中定义的问题,那就是使用JavaScript找到其URI的最后一个文件的修改日期,我们可以使用MDN中的示例:</pre> <a href="https://secure.php.net/manual/en/function.filemtime.php" rel="nofollow noreferrer"><code>filemtime($filename)</code></a> </p><p>Https://developer.mozilla.org/en-us/docs/web/api/xmlhttprequest_api/using_xmlhttprequest#get_last_modified_date</p><pre> </pre> </answer><answer tick="false" vote="0">

回答 0 投票 0




如何在柏树中选择一个数组? [关闭]

i'mtriyng使用柏树选择一个阵列。我有这个元素“ cy.get(”。link.nav-link”)[0]” 当我尝试单击元素时,柏树将我送回了我:“无法阅读正确...

回答 1 投票 0


如何从AJAX函数(PHP)

我有以下ajax

回答 1 投票 0

使用jQuery

我需要使用jQuery取消选中的收音机按钮。按钮本身是隐藏的,因此我在标签上使用单击来触发此功能。到目前为止,我已经: html 哪里会... 我需要使用jQuery取消选中的收音机按钮。按钮本身是隐藏的,因此我在标签上使用单击来触发此功能。到目前为止,我有: html <form> <h4>Where would you like to work?</h4> <div class="radio-holder"> <input id="form1_areas1" name="areas" type="radio" value="area/london"> <label for="form1_areas1">London</label> </div> <div class="radio-holder"> <input id="form1_areas2" name="areas" type="radio" value="area/west-midlands"> <label for="form1_areas2">West Midlands</label></div> </form> Scss form { max-width: 500px; margin: 0 auto; padding-top: 20px; } div.radio-holder { padding: 10px; } input[type="radio"] { display:none; &:checked+label { border-bottom: 2px solid #222222; padding-bottom: 0px; } } jquery $(document).ready(function(){ $("form input[type='radio']:checked + label").click(function(){ $(this).prev().prop( "checked", false ); }); }); 在这里acodepen 但这并不是取消选中单选按钮。我知道这不是无线电按钮的标准功能,但是我需要用户在需要的情况下能够将无线电按钮集恢复为未选择的状态,同时也限制了他们从一组选项中选择一个。任何帮助都非常感谢。 Cheers Mike 要启用 /禁用同一收音机,您必须使用event.preventDefault()来防止默认行为(单击标签时启用复选框,因此检查的道具将始终设置为true),并在语法上进行无线电启用 /禁用,如图所示下图: $(document).ready(function(){ $("label").click(function(e){ e.preventDefault(); $check = $(this).prev(); if($check.prop('checked')) $check.prop( "checked", false ); else $check.prop( "checked", true ); //console.log($check.prop("checked")); }); }); form { max-width: 500px; margin: 0 auto; padding-top: 20px; } div.radio-holder { padding: 10px; } input[type="radio"] { display:none; } input[type="radio"]:checked+label { border-bottom: 2px solid #222222; padding-bottom: 0px; }<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <form> <h4>Where would you like to work?</h4> <div class="radio-holder"> <input id="form1_areas1" name="areas" type="radio" value="area/london"> <label for="form1_areas1">London</label> </div> <div class="radio-holder"> <input id="form1_areas2" name="areas" type="radio" value="area/west-midlands"> <label for="form1_areas2">West Midlands</label></div> </form> 您可以使用下一个技巧: -add aadata-num属性。 - 在每次点击时使用data-num检查/取消选中单选按钮。 希望它有帮助: $(document).ready(function(){ $("input").click(function(){ $("input").not(this).attr("data-num", 1); var data = $(this).attr("data-num") if(data==1){ data = 2 $(this).attr("data-num", data); return; } if(data==2){ data = 1 $(this).prop('checked', false); $(this).attr("data-num", data); return; } }) }) form { max-width: 500px; margin: 0 auto; padding-top: 20px; } div.radio-holder { padding: 10px; } input[type="radio"] { display:none; } input[type="radio"]:checked+label { border-bottom: 2px solid #222222; padding-bottom: 0px; } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <form> <h4>Where would you like to work?</h4> <div class="radio-holder"> <input id="form1_areas1" name="areas" type="radio" value="area/london" data-num="1"> <label for="form1_areas1">London</label> </div> <div class="radio-holder"> <input id="form1_areas2" name="areas" type="radio" value="area/west-midlands" data-num="1"> <label for="form1_areas2">West Midlands</label></div> </form> $(document).ready(function(){ $("label").click(function(e){ e.preventDefault(); $check = $(this).prev(); if($check.prop('checked')) $check.prop( "checked", false ); else $check.prop( "checked", true ); //console.log($check.prop("checked")); }); }); form { max-width: 500px; margin: 0 auto; padding-top: 20px; } div.radio-holder { padding: 10px; } input[type="radio"] { display:none; } input[type="radio"]:checked+label { border-bottom: 2px solid #222222; padding-bottom: 0px; } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <form> <h4>Where would you like to work?</h4> <div class="radio-holder"> <input id="form1_areas1" name="areas" type="radio" value="area/london"> <label for="form1_areas1">London</label> </div> <div class="radio-holder"> <input id="form1_areas2" name="areas" type="radio" value="area/west-midlands"> <label for="form1_areas2">West Midlands</label></div> </form>

回答 3 投票 0

我如何删除一个集中满足的pre的边界?

当我设定了可满足的元素并将重点放在其上进行编辑时,它会在周围收到一个点虚线的边框,看起来不太好。当焦点在其他地方时,边界就不在那里。 ...

回答 4 投票 0

在中心[重复]

我希望所有内容都位于页面的中心,也需要做出响应。 这是我带有PHP的代码,因为我正在使用循环显示所有复选框。 <div class="container-fluid"> <!-- START FORM --> <form method="post" class="form-horizontal"> <!-- ROW 1 CHECKBOXES --> <?php for ($i=0; $i < 8; $i++) { echo "<div class='row'> <div class='col-md-4'> <div class='col-md-2'><input type='checkbox' class='form- control chk_boxes2' name='check_list[]'></div> <label class='col-md-2'>Medewerker</label> </div> <div class='col-md-4'> <div class='col-md-2'><input type='checkbox' class='form- control chk_boxes2' name='check_list[]'></div> <label class='col-md-2'>Medewerker</label> </div> <div class='col-md-4'> <div class='col-md-2'><input type='checkbox' class='form- control chk_boxes2' name='check_list[]'></div> <label class='col-md-2'>Medewerker</label> </div> </div>"; } ?> <!-- ROW SUBMIT --> <div class="row down right"> <div class="col-md-6"> <label class="col-md-3">Check all</label> <div class="col-md-3"><input type='checkbox' class="chk_boxes form-control"> </div> <div class="col-md-6"> <input type="submit" name="Verder" value="Verder" class="form-control btn-primary"> </div> </div> </form> <!-- END FORM --> </div> 这是我现在使用的jQuery,我知道这没什么可靠的:$('.down').css('margin-top', function () { return ($(window).height() - $(this).height()) / 2.8 }); $('.right').css('margin-left', function () { return ($(window).height() - $(this).height()) / 2 }); 这是指向JSFIDDLE的链接,您确实需要扩展它,因为大屏幕是这里的主要问题。 Https://jsfiddle.net/wq0r0se4/ 在你的text-align: center上 卸下左JS update your小提琴https://jsfiddle.net/wq0r0se4/1/

回答 1 投票 0

bootstrap:中心的内容[重复]

我希望所有内容都位于页面的中心,也需要做出响应。 这是我带有PHP的代码,因为我正在使用循环显示所有复选框。 <div class="container-fluid"> <!-- START FORM --> <form method="post" class="form-horizontal"> <!-- ROW 1 CHECKBOXES --> <?php for ($i=0; $i < 8; $i++) { echo "<div class='row'> <div class='col-md-4'> <div class='col-md-2'><input type='checkbox' class='form- control chk_boxes2' name='check_list[]'></div> <label class='col-md-2'>Medewerker</label> </div> <div class='col-md-4'> <div class='col-md-2'><input type='checkbox' class='form- control chk_boxes2' name='check_list[]'></div> <label class='col-md-2'>Medewerker</label> </div> <div class='col-md-4'> <div class='col-md-2'><input type='checkbox' class='form- control chk_boxes2' name='check_list[]'></div> <label class='col-md-2'>Medewerker</label> </div> </div>"; } ?> <!-- ROW SUBMIT --> <div class="row down right"> <div class="col-md-6"> <label class="col-md-3">Check all</label> <div class="col-md-3"><input type='checkbox' class="chk_boxes form-control"> </div> <div class="col-md-6"> <input type="submit" name="Verder" value="Verder" class="form-control btn-primary"> </div> </div> </form> <!-- END FORM --> </div> 这是我现在使用的jQuery,我知道这没什么可靠的:$('.down').css('margin-top', function () { return ($(window).height() - $(this).height()) / 2.8 }); $('.right').css('margin-left', function () { return ($(window).height() - $(this).height()) / 2 }); 这是指向JSFIDDLE的链接,您确实需要扩展它,因为大屏幕是这里的主要问题。 Https://jsfiddle.net/wq0r0se4/ 在你的text-align: center上 卸下左JS update your小提琴https://jsfiddle.net/wq0r0se4/1/

回答 1 投票 0


如何减慢滚动至最高速度?

I具有以下从W3Schools获得的简单scrolltop()函数。我的问题是设定滚动时间。不同的人给出了不同的方法,每个人都删除了一个或全部...

回答 5 投票 0

如何获得给定URL的网页标题(外部URL)? 我是一个新手,所以请对不起,如果这是一个愚蠢的问题。 因此,我正在尝试使用jQuery/js获取URL标题。我不想加载URL的内容,然后在其中解析标签...

因此,我正在尝试使用jQuery/js获取URL标题。我不想加载URL的内容,然后在其中解析标签。 我要更清楚,我有一组URL,例如我想显示标题的20个。 我所指的URL不是当前的URL,因此我不能使用JS文档。

回答 3 投票 0




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