jquery 相关问题

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

如何将毫秒转换为可读的日期?

以下: 新日期(1324339200000).toUTCString() 输出: “2011 年 12 月 20 日星期二 00:00:00 GMT” 我需要它返回 12 月 20 日。除了 toUTCString() 之外,还有更好的方法吗?我正在寻找...

回答 7 投票 0

单个页眉和页脚框架页面或多主页面并包含页眉和页脚

是在多个页面上加载页眉和页脚更好还是在单个页面中加载主div在页眉和页脚之间粒度更好 哪个更好? 1.修复页眉和页脚以及加载页面正文 $(

回答 1 投票 0

JSfiddle:我的 fiddle 的 javascript (*.js) url 是什么?这样我就可以通过 src 重用它

获取并且仅获取此小提琴的javascript代码的url是什么? 所以稍后,我可以通过使用 链接调用它来使用它进行测试,例如: <

回答 4 投票 0

如何在ajax和php中同时处理多个响应

在我的网页中,当我单击按钮时,请求通过我的服务器上的 php 文件上的 ajax 进行。下面是 php 文件。 现在你可以看到它有很多 echo 语句,所以当服务器处于

回答 1 投票 0

以逗号分隔的列表进行数组和填充下拉列表

我有这个动态的国家列表: 阿根廷、巴西、哥伦比亚、厄瓜多尔 我想使用以下格式将国家/地区作为选项添加到组合框下拉列表中: 选项...

回答 1 投票 0

Jquery div 仅在 div 底部时自动滚动

我有一个聊天应用程序,当收到新消息时,它会自动滚动到 div 底部。除非您向上滚动以阅读日志,否则这工作正常,就像接收新消息时一样......

回答 3 投票 0

多个 Dropzone.js 实例 - 文件上传到错误的实例

我最近将 dropzone.js 从旧版本(2012)更新到了最新版本。我在我的自定义 PHP CMS 中使用它来处理图像上传。我的 CMS 中有一个用于管理图像的部分。穆...

回答 1 投票 0

使用Ajax根据信用卡/借记卡的6位数字对数据库的分期付款号码进行排序

[ajax[控制器[传入数据[路由选择选项](https://i.sstatic.net/MbargrpB.png)](https://i.sstatic.net/ivMS79j8.png)](https://i.sstatic.net/ivMS79j8.png)](https:// /i.sstatic.net/E6tEvDZP.png)](https://i.sstatic.net/CblkShPr.png)

回答 1 投票 0

如何获取 MutationObserver 的已删除节点在被删除之前的旧父节点?

我整理了一个示例,在动态变化的 DOM 中将叶节点着色为红色,将分支着色为蓝色。为了处理节点删除,我跟踪每个节点上的子节点计数。当它到达...

回答 1 投票 0

jQuery 使用 RegEx 验证电话号码

我有一个简单的ajax表单,我正在尝试验证它 有一个价值 该值是一个 10 位数字 我正在尝试使用正则表达式来做到这一点。这是我到目前为止所拥有的。 var reg = new RegExp("/[0...

回答 7 投票 0

Bootstrap Toast 不显示

我正在使用 bootstrap 和 javascript 开发一个 HTML 网站。我正在尝试使用引导网站中的以下代码添加吐司: 我正在使用 bootstrap 和 javascript 开发一个 HTML 网站。我正在尝试使用引导程序网站中的以下代码添加吐司: <div class="toast" role="alert" aria-live="assertive" aria-atomic="true"> <div class="toast-header"> <img src="..." class="rounded mr-2" alt="..."> <strong class="mr-auto">Bootstrap</strong> <small class="text-muted">11 mins ago</small> <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close"> <span aria-hidden="true">&times;</span> </button> </div> <div class="toast-body"> Hello, world! This is a toast message. </div> </div> 但是吐司并没有出现,如图所示。它只是在导航和轮播之间留下了间隙。 我已经从引导网站导入了所有这些脚本: <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> 并将以下内容放入我的 javascript 文档中: $('.toast').toast(option) 但是,什么也没发生。我希望有人能帮助我:) 您需要输入有效的选项。我:eshow, hide or a callback function。请参阅 - https://getbootstrap.com/docs/4.2/components/toasts/。 $('.toast').toast('show'); <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"/> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> <div class="toast" role="alert" aria-live="assertive" aria-atomic="true"> <div class="toast-header"> <img height="200px" width="200px" src="https://upload.wikimedia.org/wikipedia/commons/f/f9/Phoenicopterus_ruber_in_S%C3%A3o_Paulo_Zoo.jpg" class="rounded mr-2" alt="..."> <strong class="mr-auto">Bootstrap</strong> <small class="text-muted">11 mins ago</small> <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close"> <span aria-hidden="true">&times;</span> </button> </div> <div class="toast-body"> Hello, world! This is a toast message. </div> </div> 如果您不想自动关闭 Toast,请添加 data-autohide="false"。 $('.toast').toast('show') <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"/> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> <div class="toast" data-autohide="false"> <div class="toast-header"> <svg class=" rounded mr-2" width="20" height="20" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img"> <rect fill="#007aff" width="100%" height="100%" /></svg> <strong class="mr-auto">Bootstrap</strong> <small class="text-muted">11 mins ago</small> <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close"> <span aria-hidden="true">&times;</span> </button> </div> <div class="toast-body"> Hello, world! This is a toast message. </div> </div> <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"/> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> <div class="toast" data-autohide="false"> <div class="toast-header"> <svg class=" rounded mr-2" width="20" height="20" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img"> <rect fill="#007aff" width="100%" height="100%" /></svg> <strong class="mr-auto">Bootstrap</strong> <small class="text-muted">11 mins ago</small> <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close"> <span aria-hidden="true">&times;</span> </button> </div> <div class="toast-body"> Hello, world! This is a toast message. </div> </div> 文档准备好后,您需要启动“ $(".toast").toast('show'); 。 <script> $(document).ready(function() { $(".toast").toast('show'); }); </script> 首先,你需要将吐司固定在顶部或底部,具体取决于你想要的位置。 <div role="alert" aria-live="assertive" aria-atomic="true" class="toast fixed-bottom m-5 ms-auto" data-bs-autohide="false"> <div class="toast-header"> <img src="..." class="rounded me-2" alt="..."> <strong class="me-auto">Bootstrap</strong> <small>11 mins ago</small> <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button> </div> <div class="toast-body"> Hello, world! This is a toast message. </div> </div> <script> window.onload = (event) => { let myAlert = document.querySelector('.toast'); let bsAlert = new bootstrap.Toast(myAlert); setTimeout(function () { bsAlert.show(); }, 5000); }; </script> 我尝试了这个解决方案,但我收到一个 JS 错误“Uncaught ReferenceError: bootstrap is not Defined”,这似乎阻止了烤面包机的显示。 我看到的唯一区别是我正在使用 bootstrap5,并且 bootstrap 似乎不再需要 JQuery,因此它不包含在基本模板中。 渲染后我在基本模板中看到的是: <head> ... <link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" rel="stylesheet"> ... </head> <body> ... <toaster html goes here> .... <script crossorigin="anonymous" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script> </body 我不知道为什么 bootstrap 是未定义的,因为 JS 是明确链接的,但我是 bootstrap 的新手,所以可能做了其他错误。我正在使用 django-bootstrap5 应用程序,其他一切似乎都工作正常。 可能想考虑使用这个库,它通过引导程序简化了 toast 的使用: https://github.com/zhiftyDK/bootstrap-toast

回答 5 投票 0

在JQuery中,如何将被单击的元素传递给onclick事件调用的方法

我在一个页面上有几行: 保存 在我的 Save() 方法中,我想操作被单击以调用 Save() 方法的 div...

回答 7 投票 0

如何将项目从 Iframe 中拖出并放到父级上

我在左侧页面上有一个文件夹树视图,位于 标签中。左侧页面是包含文件列表的 iframe 容器。 当我想将文件从 iframe 中拖出时,我... 我在左侧页面上有一个文件夹树视图,位于 标签中。左侧页面是包含文件列表的 iframe 容器。 当我想把文件从iframe中拖出来的时候,我就头疼了。无论包含选项设置为“父级”还是“窗口”,我都无法拖出 iframe 容器中的元素。 我该怎么做? 如果有人想将一个元素从 iframe 拖到父文档中,我为它制作了 jQuery 插件: https://github.com/vatichild/dragoutfromiframe iframe 和父框架之间的交互可能具有挑战性(如果 iframe 包含来自另一个网站/域的内容,则不是不可能)。根据具体情况,使用 DIV 填充内容(直接通过 PHP 或使用 jQuery $.load() 函数)可能是更好的选择。 然后拖动的对象及其目标位于同一页面内 - 简单得多。

回答 2 投票 0

如何在jQuery sortable中获取元素的Id

我面临着获取排序时移动的元素的 id 的问题。例如。 第一 第二个 <...

回答 2 投票 0

Jquery 中的 If/else else if 条件

我有一组文本字段,我正在其中进行验证 假设我有一个可以接受的名为“席位”的字段 值小于“99999”。这意味着我应该无法输入 “99999”任何东西

回答 8 投票 0

jquery 滚动到 data-image-id

我无法在包含各种图像的 div 容器上设置 id,但想要创建一个带有指向图库各个部分的跳转链接的导航。 在我的图像上设置的一个元素

回答 2 投票 0

有同步gif文件的方法吗?

我有一个页面,上面有 7 个 gif 文件。 有没有办法将它们全部同步,以便它们同时开始播放? 我正在考虑预加载它们,但如果需要的话,它们仍然可能无法开始同步......

回答 3 投票 0

如何通过ejs模板向后端发送put请求而不使用form?

我想知道是否可以通过单击 ejs 中的按钮向后端发送 put 请求? 在我的情况下,我只想发送一个“id”到后端,以便通过该 id 我可以更新数据库中的数据...

回答 2 投票 0

模块适用于 jquery 1.7.1,但不适用于 jquery 2.1.1

我的 Cms 上有一个模块,它可以很好地与 jquery 1.7.1 配合使用,但不能与 jquery 2.1.1 配合使用(当我单击按钮时没有任何反应)。 我向您发送以下代码: $.ajax({ ...

回答 1 投票 0

将所选文本设为粗体/取消粗体

当您单击按钮时,我会将所选文本包装在跨度标记中。如果我随后选择另一段文本并单击按钮,该文本也会被包裹在标签中。然而,当我选择...

回答 9 投票 0

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