jquery-plugins 相关问题

无法使用jstree功能创建动态子节点[已关闭]

在 2023 年更改了标题，因为提到了非主题。但我想知道该功能的存在，我已经研究了该功能并回答了我的问题的答案。 请核实...

如何在页面加载时启动 jQuery Fancybox？

我想在页面加载时启动 Fancybox（例如 Fancybox 的模态框或灯箱版本）。我可以将它绑定到隐藏的锚标记，并通过 JavaScript 触发该锚标记的单击事件，...

动态地将视频网址分配给<video>标签

我需要即时将视频网址分配给 标签，期望视频也即时显示在播放器中： 我有这个： jQuery( '#the-video' ).children( '源' ).</desc> <question vote="0"> <p>我需要即时将视频网址分配给 <pre><code>&lt;video&gt;</code></pre> 标签，期望视频也即时显示在播放器中：</p> <p>我有这个：</p> <pre><code>&lt;script&gt; jQuery( &#39;#the-video&#39; ).children( &#39;source&#39; ).attr( &#39;src&#39;, &#39;the-video-url.mp4&#39; ); &lt;/script&gt; &lt;video id=&#34;the-video&#34; autoplay width=&#34;320&#34; height=&#34;240&#34;&gt; &lt;source src=&#34;&#34; type=&#34;video/mp4&#34;&gt; Your browser does not support the video tag. &lt;/video&gt; </code></pre> <p>但是视频不会像图像一样填充在浏览器中。 例如，当对图像执行此操作时，图像会自动显示：</p> <pre><code>&lt;script&gt; jQuery( &#39;#the-image&#39; ).attr( &#39;src&#39;, &#39;the-image-url.jpg&#39; ); &lt;/script&gt; &lt;img src=&#34;&#34; id=&#34;the-image&#34; style=&#34;height:150px&#34; /&gt; </code></pre> <p>图像即时显示。对于视频来说不也一样吗？我已经没有主意了。</p> </question> <answer tick="true" vote="0"> <p>如果有人需要答案，正如 @zGilexx 所示，这里是解决方案：</p> <p>将视频 url 动态分配给视频标签后，必须使用 <pre><code>jQuery(&#39;#the-video&#39;).load();</code></pre></p> 加载它 </answer> </body></html>

Jquery函数动态选项

请检查下面的代码，这有效 $('表单').jsonForm({ 'schema': { 'message': { 'type': 'string', 'title': '消息' }, 'author': { 'type': 'object', 'title': '作者', 'properties '：{'南...

如何让内容展示更好

我们正在开发一个社交网络项目，在这个项目中我们正在添加内容，例如图像、视频、音频、链接 (html)。 目前我们使用shadowbox.js 来展示它。但为了更好

添加 jQuery 插件在 React 应用程序中不起作用； “类型错误：this.$el.chosen 不是一个函数”

我正在学习 React 并正在关注集成其他库章节。我尝试了他们建议的相同方法，但出现以下错误： 类型错误：this.$el.chosen 不是函数 选择了。

如何获取用户上传的.PDF的页数？

我有一个文件输入，在“上传”之前我需要计算JAVASCRIPT中该.pdf的页数（例如JQuery...）

添加 selectBox="true" 属性时，Struts2 JQuery 插件自动完成器不起作用

有效（加载列表正常）： 有效（加载列表正常）： <s:url id="countrylist" action="lstcountryaction" /> <sj:autocompleter list="lstcountry" listKey="idcountry" listValue="countryname" label="Country" href="%{countrylist}" name="idcountry" /> 不起作用（未加载任何内容。未调用该操作）： <s:url id="countrylist" action="lstcountryaction" /> <sj:autocompleter selectBox="true" list="lstcountry" listKey="idcountry" listValue="countryname" label="Country" href="%{countrylist}" name="idcountry" /> 唯一的区别是添加了 selectBox 属性。我缺少什么？我正在使用 Struts 2.3.15 和 Struts2 JQuery Plugin 3.6.1（它们都是相当新的）。 谢谢！！ 启用 <sj:autocompleter> 的 Struts2 jQuery selectBox=true 小部件能够正常工作，不应远程加载数据。换句话说，属性 href="%{countrylist}" 是选择框不起作用的罪魁祸首。这两个属性是互斥的。您必须在两个选项之间进行选择，要么使用 autocompleter 作为带有远程数据的输入框，要么作为选择框但不远程加载数据，因为它是从 valueStack 作为普通 select 标签加载的。 您可以用 selectBoxIcon="true" 补充选择框以使小部件顺利显示或在标题标签中使用相应的 jQuery 主题。 尝试一下 <sj:autocompleter selectBox="true" selectBoxIcon="true" list="lstcountry" listKey="idcountry" listValue="countryname" label="Country" name="idcountry" /> 来自 struts2 jQuery 插件 wiki 页面的示例。 +1，因为我看到你已经已经在相关的Google群组上发布了...但是，如果事情没有改变，根据插件作者的这个（相当旧，但仍然打开JIRA）评论 : 带有 selectBox 的自动完成器正在使用静态列表。在 您的用例应该使用 <sj:select /> 标签 改为 autocomplete="true"。 <s:url id="remoteurl" action="jsonsample"/> <sj:select href="%{remoteurl}" autocomplete="true" id="echo3" name="echo" list="languageObjList" listKey="myKey" listValue="myValue" emptyOption="true" headerKey="-1" headerValue="Please Select a Language"/> 然后，将 <sj:select /> 和 emptyOption 设置为 autocomplete 的 true 可以替代您正在寻找的动态选择框 <sj:autocompleter />。 也可以随意运行这个示例，它似乎是开箱即用的。

在不同的开始和结束日期之间的每一天/日期的同一时间创建多个事件

我正在使用 Fullcalendar，我必须在开始日期和结束日期之间的同一时间创建一个事件。这里我的开始和结束日期不同，但我必须在开始和结束之间的每一天/日期创建事件...

带有 Struts 2 的 Ajax jQuery 插件

我正在使用 Ajax jQuery 插件 jar 和 Struts 2。我已经使用 Ajax 选择标签填充列表，但列表未填充。如果我使用 标签，它就可以正常工作。 这是我的代码： &l...

jquery @提及使输出成为链接

大家好，我正在使用 Hawkee 的这个插件。它就像 Twitter，你可以在其中@提及某人。我的输出有问题。这个方法： 更新隐藏：函数（）{ var 触发器 = this.

可编程标注 JQuery 插件

我最近在Facebook上注意到，为了介绍其新功能，出现了各种新功能（其中6个）的标注。标注出现在左侧以标识第一个功能。作为...

Fancybox 图片库

我在 iframe 中有下一个代码，我实现了它在父级中显示，但现在我不知道如何将图像分组，例如 fancybox 示例中的图像库。 我在一个例子中看到了这一点： $(

更改jqGrid表格的特定列标题背景颜色

我看过以下帖子，但无法让它为我工作：jqGrid更改特定列标题的背景颜色 我已经尝试过以下 css 条目，但没有一个...

WooCommerce 产品图像缩放选项的可用参数详细信息

如果这些是非常基本的问题，我深表歉意，但我正在尝试了解 Woocommerce 挂钩。 在下面的帖子中，答案非常有帮助地列出了钩子的可用参数

CSS 水平滚动溢出与 jQuery 滑块

我正在尝试设置全屏 jquery 滑块。我将项目分为两个步骤 1) css 和 2) js。 1）CSS，下面是我要拍摄的图片（没有固定高度），下面是...

如何在 html/javaScript/Jquery 中“浏览文件夹”

只允许用户浏览文件。 “浏览文件夹”对话框怎么样？ html/javascript 可以做到吗？我 找不到任何语法。如果没有，请告知...

Jquery 对话框：隐藏按钮

我正在使用Jquery的dialog()方法来创建对话框。 我在创建对话框时在对话框上创建按钮，使用 $("#divName").dialog({ 纽扣： { ...

如何在 jqGrid jQuery 中获取自定义网格参数？

net web 表单项目，我从 ashx.cs http 处理程序文件（服务器端）获取这种格式的数据： {"总计":1,"页数":1,"记录":10,"用户数据":{"

如何在 jQuery 中使用工具提示？

我有一个简单的工具提示，其中的 div 中有很长的 JavaScript 代码。我想让它尽可能简单。 这是我的代码： 我有一个简单的工具提示，div 中有很长的 JavaScript 代码。我想让它尽可能简单。 这是我的代码： <div onmouseover="document.getElementById('tt1DX1').style.display='block'" onmouseout="document.getElementById('tt1DX1').style.display='none'" style="position:relative;">Tool <div id="tt1DX1" class="toolTip_new pbc11_ttpos1_1Q_di" style="display: none;"> <div class="tool_wrapper"> <div class="tooltip_top_new"></div> <div class="tooltip_middle_new"> <div class="content"> <p>Please holder actuall text</p> <p>Please holder actuall text</p> </div> </div> <div class="tooltip_bot_new2"></div> </div> </div> </div> CSS .tooltip_top_new{ background:url(../images/n_tooltip_top.png) no-repeat; height:9px; width:212px; } .tooltip_middle_new{ background:url(../images/n_tooltip_middle.png) no-repeat; width:212px; } .tooltip_middle_new .content{ padding:2px 13px 1px; } .tooltip_middle_new .content p{ line-height: 1.3; margin-bottom: 1em; text-align: left; } .tooltip_bot_new2{ background:url(../images/n_tooltip_bot2.png) no-repeat; height:21px; width:212px; } .Question_di{ position:relative; } .pbc11_ttpos1_1Q_di { border: 0 solid #FF0000; } .toolTip_new { background: none repeat scroll 0 0 transparent; color: #5C5C5C; display: none; font: 10px/12px Tahoma,Geneva,sans-serif; left: -173px; top: -90px; position: absolute; z-index: 1000; } 问题是我必须复制和粘贴onmouseover="document.getElementById('tt1DX1').style.display='block'" onmouseout="document.getElementById('tt1DX1').style.display='none'"无论我在哪里使用工具提示，我都想避免它。 JQueryTools 包含一个工具提示模块，它将消除您的大部分代码。 http://jquerytools.org/demos/tooltip/index.html 也可以完全不使用 JavaScript，使用 HTML 和 CSS 创建工具提示： <div class="has-tooltip"> <button class="huge red">You Know You Wanna...</button> <div class="tooltip">Do NOT Press This Button.</div> </div> 在 CSS 中： .has-tooltip .tooltip { position: absolute; display: none; <style code to position (with margin-left and margin-top) and make the tooltip box look how you want> } .has-tooltip:hover .tooltip { display: block; } Google“CSS Tooltips”查看大量示例。