jquery 相关问题

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

使用回车键向列表应用程序添加项目导致其他功能无法正常工作

列表应用程序工作得很好,直到我为回车键添加了按键。我只能让它在 newItem() 函数之外工作。当我在 newItem() 函数内部有 keydown 函数时,...

回答 1 投票 0

是否可以使用AJAX和PHP实现实时搜索

我正在尝试使用 PHP 和 AJAX 制作一个网络应用程序。它应该从 Elasticsearch 检索数据而不刷新页面(实时搜索)。在elasticsearch上是否可以实现这样的检索...

回答 2 投票 0

jQuery 无需 AJAX 即可提交表单并发送数据

我的工作状态很好。里面有一个按钮,可以使用 onclick="form_submit() 提交表单。 此代码示例工作正常,但没有发送控制和。 函数 form_submit(){ $("#

回答 1 投票 0

如何使用jquery滚动到特定元素?

如何使用jquery滚动特定元素? 我尝试过的是这个 $("html,body").animate({scrollTop: $(".highlights").offset().top - $("html,body").offset().top ...

回答 1 投票 0

jQuery 多选事件处理程序

我有一个 HTML 下拉列表。每当选择以任何方式发生变化时,我想触发一个事件。 我尝试注册一个点击事件,但是在多选时这不起作用(通过拖动鼠标......

回答 3 投票 0

多选onchange事件jQuery

我正在创建一个表单。我有两个字段: 默认值字段和 预览字段。 两者都是多选元素。用户将手动将选项添加到多选中。每当用户选择

回答 4 投票 0

通过在页面上滚动来移动滚动条

看一下下面的代码: 函数 getScrollPercent() { const h = document.documentElement; const st = '滚动顶部'; const sh = '滚动高度'; ...

回答 1 投票 0

PHP 执行时显示加载图像

我想在 php 脚本执行时显示加载图像。我读过关于如何做到这一点的不同答案,但大多数人都说我应该有一个单独的 php 页面。但我就是我们...

回答 3 投票 0

{point.name] 在渲染之前查找并替换名称中的字符串

我有这个代码: 工具提示:{ 使用HTML:true, pointFormat: '{point.name}: {point.value}' }, 我想更换一个...

回答 1 投票 0

如何在另一个 html 页面中打开一个 html 页面作为弹出窗口

我是 JavaScript 新手。现在我的主页中有一个重定向到其他 html 页面的链接,但我想在我的主页中显示一个具有响应能力的弹出窗口,并且某些样式(例如角)是...

回答 2 投票 0

使用javascript将图像显示到html页面

我的目的是使用javascript在html页面上显示图像,该图像位于文件夹中,图像id存储在表中但没有显示,如下所示 $(文档).ready(函数(e) { 变量 ID =...

回答 1 投票 0

使用从 JSON 配置中提取的 jQuery 选择器时出错

我有一个 JSON 对象,其中包含 jQuery 选择器和值。选择器内的特殊字符(我认为)已被正确转义。 JSON 如下所示: 变量配置= [{ &

回答 1 投票 0

JQuery 文本区域字符计数

我正在尝试使用 Jquery 来计算文本区域中的字符,这是我到目前为止所拥有的.. <p>我正在尝试使用 Jquery 来计算文本区域中的字符数,这是我到目前为止所拥有的..</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;script src=&#34;https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js&#34;&gt;&lt;/script&gt; &lt;script type=&#34;text/javascript&#34;&gt; $(document).ready(function() { $(&#34;#textfield&#34;).on(&#39;keyup, paste&#39;, function(){ var Characters = (&#34;#textfield&#34;).val().replace(/(&lt;([^&gt;]+)&gt;)/ig,&#34;&#34;).length; $(&#34;#counter&#34;).text(&#34;Characters left: &#34; + (1500 - Characters)); }); }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;form id=&#34;input_form&#34; method=&#34;POST&#34; action=&#34;?&#34;&gt; &lt;textarea id=&#34;textfield&#34;&gt;&lt;/textarea&gt; &lt;/form&gt; &lt;div id=&#34;counter&#34;&gt;&lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>我的 div 中没有输出任何内容...有什么想法吗?</p> </question> <answer tick="false" vote="2"> <p>您的代码中有两个问题</p> <p>1)将事件列表/多个事件传递给 on 方法时不需要逗号。应该是<pre><code>.on(&#39;keyup paste&#39;</code></pre></p> <p>2)在获取textarea的文本值时缺少jquery选择器。你应该使用</p> <pre><code> $(&#34;#textfield&#34;).on(&#39;keyup, paste&#39;, function(){ var Characters = $(&#34;#textfield&#34;).val().replace(/(&lt;([^&gt;]+)&gt;)/ig,&#34;&#34;).length; $(&#34;#counter&#34;).text(&#34;Characters left: &#34; + (1500 - Characters)); }); </code></pre> <p><strong><a href="https://jsfiddle.net/rv3zcwur/" rel="nofollow">工作演示</a></strong></p> </answer> <answer tick="true" vote="1"> <p>有两个问题:</p> <ol> <li><pre><code>.on(&#39;keyup paste&#39;</code></pre>删除此处的逗号</li> 选择器中缺少 <li><pre><code>$(&#34;#textfield&#34;).val().replace</code></pre> 这里 <pre><code>$</code></pre>。</li> </ol> <p></p><div data-hide="false" data-lang="js"> <div> <pre><code> $(document).ready(function() { $(&#34;#textfield&#34;).on(&#39;keyup paste&#39;, function(){ // &lt;---remove &#39;,&#39; comma var Characters = $(&#34;#textfield&#34;).val().replace(/(&lt;([^&gt;]+)&gt;)/ig,&#34;&#34;).length; // &#39;$&#39; is missing from the selector $(&#34;#counter&#34;).text(&#34;Characters left: &#34; + (1500 - Characters)); }); });</code></pre> <pre><code>&lt;script src=&#34;https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js&#34;&gt;&lt;/script&gt; &lt;form id=&#34;input_form&#34; method=&#34;POST&#34; action=&#34;?&#34;&gt; &lt;textarea id=&#34;textfield&#34;&gt;&lt;/textarea&gt; &lt;/form&gt; &lt;div id=&#34;counter&#34;&gt;&lt;/div&gt;</code></pre> </div> </div> <p></p> </answer> <answer tick="false" vote="0"> <p>除了上面的 jquery 代码之外,还需要在下面的代码中添加 <strong>maxlenth</strong> 为 1500,以便将字符限制为 1500。</p> <pre><code>&lt;textarea id=&#34;textfield&#34; maxlength=&#34;1500&#34;&gt;&lt;/textarea&gt; </code></pre> </answer> </body></html>

回答 0 投票 0

通过jquery $.post上传文件

为了发送ajax表单,我使用以下代码: 注意:不使用“FORM”标签 我的 jQuery 代码: var file = $('#file').val(); $.post('form.php', {file:file},

回答 3 投票 0

输入事件对于输入标签(输入标签位于 summornote 编辑器中)无法正常工作

在此输入图像描述 这是 SummerNote 和 SummerNote 编辑器输入,但是当我在输入标记中插入值然后调用输入事件来填充输入值属性时,现在我的问题是...

回答 1 投票 0

使用 jQuery 在文本区域中向下滚动

问候 你好 测试 再见 &...</desc> <question vote="37"> <pre><code><h2>Greetings</h2> <div class="container"> <div class="inner"> Hello <p>Test</p> </div> <textarea id="one" class="inner"> Goodbye </textarea> </div> $("#one").append("your text to append"); $("#one").append("your text to append"); $("#one").append("your text to append"); $("#one").append("your text to append"); </code></pre> <p>直播:<a href="http://jsfiddle.net/tGFmq/" rel="noreferrer">http://jsfiddle.net/tGFmq/</a></p> <p>我怎样才能让这个文本区域自动向下滚动?</p> </question> <answer tick="true" vote="70"> <p>将此位添加到您的代码中(最好是在您拥有的任何插入的末尾):</p> <pre><code> var psconsole = $('#one'); if(psconsole.length) psconsole.scrollTop(psconsole[0].scrollHeight - psconsole.height()); </code></pre> </answer> <answer tick="false" vote="11"> <p>观看此现场演示:<a href="http://jsfiddle.net/DerekL/tGFmq/1/" rel="nofollow"><strong><pre><code>here</code></pre></strong></a></p> <p>要计算底部<pre><code>scrollTop</code></pre>,您只需从<em><code>height</code></em>中<pre>减去</pre><pre><code>scrollHeight</code></pre>即可:</p> <pre><code>var oneDiv = $("#one"); bottom = oneDiv.prop('scrollHeight') - oneDiv.height() </code></pre> <p>然后你可以将其scrollTop设置为<pre><code>bottom</code></pre>,或者使用令人惊叹的<a href="http://api.jquery.com/animate/" rel="nofollow"><strong>jQuery的<em><pre><code>animate()</code></pre></em></strong></a>来制作很酷的动画。</p> <p>现场演示:<a href="http://jsfiddle.net/DerekL/tGFmq/1/" rel="nofollow"><strong><pre><code>here</code></pre></strong></a></p> </answer> <answer tick="false" vote="4"> <p>我意识到我的问题是我的代码位于错误的位置。 -> 放在元素下并解决问题(菜鸟错误....) -- 只是给大家一个提醒。</p> </answer> <answer tick="false" vote="0"> <pre><code><body> <textarea id="textarea-1" onfocus="setCss(this)" type="text" name="" autofocus>demo</textarea><br/> <button class="btn" onclick="setCss()">定位光标</button> </body> <script> function setCss(opt) { var sr = document.getElementById("textarea-1"); sr.scrollTop = sr.scrollHeight; // 内容滚动到最后一行 var len = sr.value.length; setSelectionRange(sr, len, len); //将光标定位到文本最后 } function setSelectionRange(input, selectionStart, selectionEnd) { if (input.setSelectionRange) { input.focus(); input.setSelectionRange(selectionStart, selectionEnd); } else if (input.createTextRange) { var range = input.createTextRange(); range.collapse(true); range.moveEnd('character', selectionEnd); range.moveStart('character', selectionStart); range.select(); } } </script> </body> </code></pre> </answer> </body></html>

回答 0 投票 0

在 Chrome 中使用本地文件的 jQuery getJSON 问题

我有一个非常简单的测试页面,它使用带有 jQuery 的 $.getJSON 和 $.ajax 方法的 XHR 请求。同一页面在某些情况下有效,但在其他情况下则无效。具体来说,它在 Chrome 中不起作用...

回答 7 投票 0

用于输入中文的 JQuery/DOM 事件(ibus)?

我们知道,当我们打字时,会触发很多事件。 例如 keyup、keydown、keypress 或其他。 有没有其他事件只有当t中的内容时才会触发...

回答 3 投票 0

bassistance jquery 验证插件出现问题,表单无效时提交

我似乎找不到任何评论我在尝试使用 bassistance jquery 验证插件时的行为。 我在 VB.net 工作(我知道,我知道) 反正我有几个

回答 1 投票 0

使用 jQuery:在单击按钮时将输入添加到列表

此代码设置了一个简单的待办事项列表界面,其中包含一个用于添加新待办事项的输入框和一个用于提交它们的按钮。它使用 jQuery 来处理 DOM 操作和事件处理。 renderTodos 函数...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.