Tag: jquery plugins

异步加载js文件和其他依赖的js文件

我正在寻找一种干净的方式来异步加载以下类型的javascript文件：一个“核心”js文件（嗯，我只是叫它，哦，我不知道，“jquery！”哈哈），x个js依赖于正在加载的“核心”js文件的文件，以及y个其他不相关的js文件。 我有几个关于如何去做的想法，但不知道最好的方法是什么。 我想避免在文档正文中加载脚本。 因此，例如，我希望以下4个javascript文件异步加载，适当命名： /js/my-contact-page-js-functions.js // unrelated/independent script /js/jquery-1.3.2.min.js // the “core” script /js/jquery.color.min.js // dependent on jquery being loaded http://thirdparty.com/js/third-party-tracking-script.js // another unrelated/independent script 但这不起作用，因为它不能保证在颜色插件之前加载jQuery … (function() { var a=[ ‘/js/my-contact-page-functions.js’, ‘/js/jquery-1.4.2.min.js’, ‘/js/jquery.color.js’, ‘http://cdn.thirdparty.com/third-party-tracking-script.js’, ], d=document, h=d.getElementsByTagName(‘head’)[0], s, i, l=a.length; for(i=0;i<l;i++){ s=d.createElement('script'); s.type='text/javascript'; s.async=true; s.src=a[i]; h.appendChild(s); } })(); 几乎不可能异步加载jquery和颜色插件？ （因为颜色插件需要首先加载jQuery。） 我正在考虑的第一种方法是将颜色插件脚本和jQuery源合并到一个文件中。 然后我的另一个想法是加载颜色插件，如下所示： $(window).ready(function() { […]

如何检测音频已在网页中播放完毕？

在我的项目中，我需要将音频（例如：mp3等）嵌入到网页中。 当用户访问该页面时，音频将开始播放。 当音频结束时，将出现问卷（表单字段）供用户回答。 有没有办法检查音频是否已经使用jquery完成播放，以便问卷可以在用户听完整个音频后出现？ 我知道检查的一种方法是确定音频长度，然后我可以设置一个计时器来显示调查问卷，但我希望jquery有一些事件处理程序可以让我完成这个。 我看到jquery有很多音频插件，我不能确定哪个会做我想要的： http ： //plugins.jquery.com/plugin-tags/audio 任何想法都非常感谢。 谢谢。

获取jsTree的选中值 – 使用表单发布

我正在使用带有复选框主题的jsTree jQuery插件。 有谁知道如何使用表格post获取所选值？ 谢谢！

Jquery可自动排序

我们可以使用我在每个li中使用的id或idx在运行时对jquery进行排序。 我希望它在运行时排序 这里是小提琴 。 我希望它自动排序，例如 应首先出现 等等。帮助将被赞赏，因为我是新手试图学习jquery。 这是HTML： 3delete 6delete 1delete 4delete 9delete 2delete 8delete 5delete 11delete 7delete 10delete 12delete 这是JS： $(function() { $( “#sortable” ).sortable(); $(“:button”).click(function(){ $(this).parent().remove(); var arr=$(“#sortable”).sortable(‘toArray’); text=arr.toString(); alert(text); }); }); 这是CSS： #sortable { list-style-type: none; margin: 0; padding: 0; } #sortable li { margin: 3px 3px 3px 0; padding: 1px; float: […]

jQueryvalidation（日期范围）

我使用jQueryvalidation插件，并想知道是否有办法validation输入到字段中的日期是否是yyyy-mm-dd的日期，日期是2010年11月29日 – 2010年12月15日之间 我是jQuery的新手，所以如果有答案，请尽可能地愚弄答案，这样我就能度过难关。 非常感谢任何/所有建议

jQuery选项卡 – 获取新选择的索引

我以前使用jquery-ui tabs扩展来通过ajax加载页面片段，并隐藏或显示页面中隐藏的div 。 这两种方法都有很好的记录，我在那里没有任何问题。 但是，现在我想用标签做一些不同的事情。 当用户选择一个标签时，它应该完全重新加载页面 – 原因是每个标签部分的内容渲染起来有些昂贵，所以我不想一次性发送它们并使用普通方法切换’display：none’以显示它们。 我的计划是截取选项卡的select事件，并让该函数通过操作document.location重新加载页面。 如何在select处理程序中获取新选择的选项卡索引和它对应的html LI对象？ $(‘#edit_tabs’).tabs( { selected: 2, // which tab to start on when page loads select: function(e, ui) { var t = $(e.target); // alert(“data is ” + t.data(‘load.tabs’)); // undef // alert(“data is ” + ui.data(‘load.tabs’)); // undef // This gives a numeric index… alert( […]

jvectormap：如何在标记标签/工具提示中实现HTML而不是简单的字符串？

我刚刚实现了jQuery插件jvectormap ，以便使用世界地图。 一切都很完美，除了这可能..我添加了一些标记，并一直在尝试将HTML实现到标记标签/工具提示。 因此，当hover标记时，我想要显示图像/ html，而不仅仅是“blabla”。 我怎样才能达到这个效果？ 这是初始化JS： $(‘#map’).vectorMap({ markerStyle: { initial: { fill: ‘#F8E23B’, stroke: ‘#383f47’ } }, backgroundColor: ‘#383f47’, markers: [ {latLng: [46.90, 8.45], name: “”} ], …(other code isn’t important)… 重要的部分是name: “” 谢谢您的帮助！！

有没有办法通过jquery选择的插件动态ajax添加元素？

我试图通过收获（http://harvesthq.github.com/chosen/）使用“选择”插件，它适用于我传递的静态选项集。 但是，我想要的是，每当有人输入不在预填充选项中的内容时，它应该将其作为新选项发送到服务器，并且在成功响应时，我不仅要将其添加到有效列表中选项，但也让它选择它。 重新加载选项非常简单： // In ajax response var newOption = new Option(“Text”, __value__); $(“#tagSelection”).append(newOption); $(“#tagSelection”).trigger(“liszt:updated”); 但是，我不知道如何使“选择”插件选择此值作为值。 我很想做点什么 $(“#tagSelection”).trigger(“liszt:select:__value__”); 或类似的东西。 有什么建议？ （ps：我正在尝试根据选择构建一个“标记”插件。因此，如果键入的标签不存在，它会将其添加到服务器，然后立即选择它。）

从外部调用jQuery插件中的函数

我试图找出如何从插件外部调用我的jQuery插件中的函数。 我试过的代码不起作用。 我确定我必须重新调整我的插件以允许这个，但我不知道该怎么做。 在这个例子中，我试图访问underline()函数。 的jsfiddle jQuery插件 (function($) { “use strict”; $.fn.testPlugin = function(options) { // Settings var settings = $.extend({ newText : “Yabadabado” }, options); return this.each(function(i, el) { var init = function(callback) { if( $(el).attr(“class”) === “red” ) { $(el).css(“color”,”red”); } $(el).text(settings.newText); if( callback && typeof(callback) === “function” ) { callback(); } }; var […]

TableTools插件导出按钮不起作用

我使用TableTools导出function，但它无法正常工作。 只打印buttin工作和显示弹出和隐藏。 我从这个post得到了建议，但没有给我明确的想法。 以下是我的实施 $(‘#example’).dataTable({ “sDom”: ‘Tlfrtip’, “oTableTools”: { “sSwfPath”: “copy_csv_xls_pdf.swf” } }); 我已将.swf文件保存在我的服务器页面所在的同一文件夹中。 我也试过”sDom”: ‘Tt’, 但不适合我。 另外我得到了一些建议，即需要配置的flash播放器有一些安全设置。 使用此function需要Flash播放器吗？ 或者实施中出了什么问题。 请建议。