Tag: jquery plugins

DataTables CDN后备表达式

DataTables脚本及其扩展的CDN回退表达式是什么? https://cdn.datatables.net 例如( 来源 ): jQuery –> window.jQuery jQuery.UI –> window.jQuery.ui Modernizr –> window.Modernizr Bootstrap –> $.fn.modal

如何将Json对象转换为Jquery数组?

我通过ajax调用从Web方法获取Year和’NoOfOrders’。 我想将Json对象转换为数组,以便我可以使用jqbargraph进行绘图。 $(document).ready(function () { var myArray = []; $(“[id$=btnSubmit]”).click(function () { $.ajax({ type: “POST”, url: “Charts.aspx/GetOrderCount”, data: “{}”, contentType: “application/json; charset=utf-8”, dataType: “json”, success: function (data) { var OrdersInfo = data.d; $.each(OrdersInfo, function (index, order) { myArray.push(order.OrderYear, order.OrderCount); }); } }); $(‘#divChart’).jqbargraph({ data: myArray, position: ‘bottom’, animate: false }); }); });

插件中的JQuery和辅助函数

A Plugin Development Pattern 我阅读了本教程,并讨论了插件中的辅助function。 如何在插件外使用这些function?

合并网格表示中的两个div

我有一个4×4网格,我已经通过jquery UI使其可以排序和可选择。 我想做的下一件事是能够合并我选择的两个div,但我完全不知道要去做这件事。 我的第一个想法是试图将它转换为一个表和玩具周围的colspan和rowspan属性,但这将搞乱我的可排序function。 如果有人能指出我正确的方向,我将非常感激。 基本上我可能会重新排序细胞,然后选择两个或更多细胞并合并它们,如果这是有道理的! 我有一个JSFiddle,我到目前为止在这里 1 2 3 4 5 6 7 8 9 10 11 12 $(function() { $( “#selectable” ) .sortable({ handle: “.handle” }) .selectable() .find( “li” ) .addClass( “ui-corner-all” ) .prepend( “” ); }); $(function() { $( “#selectable” ).selectable({ stop: function() { var result = $( “#select-result” ).empty(); $( “.ui-selected”, […]

jQuery Validation PlugIn:在空字段上强制validation

我有一个有田野的表格。 第一个是必需的。 步骤1.当我提交表单时,我得到了预期的错误。 然后,如果我在字段上输入文本,则错误文本是明确的,这是完美的。 我唯一担心的是,如果我删除输入的文本,将该字段留空,则validation不会启动! 有没有办法强制对空字段进行validation? 或者至少使用第2步中使用的回调函数? 我想在validation失败时执行一些任务。 目标是每次validation失败时更改标签的类。

错误渲染的星级评级jquery星级评分小部件和分裂星

我在我们的下一个项目中使用了jquery star widget,它在过去的其他项目中运行良好,现在它可以正常工作,但是客户端已经请求了以下两个事实: 1)小部件需要5颗星,分成两半,如网站上的api 2页面所示( http://orkans-tmp.22web.net/star_rating/#main-menu=2 ) 2)他们想要大型明星设计,如第6页的演示文稿所示( http://orkans-tmp.22web.net/star_rating/#main-menu=3&demo-tabs=5 ) 现在,结合2,(大星css和半星选项({split:2}),lahout是乱码…看起来插件给jquery的元素提供了8px的宽度,为什么这不是在css中处理?如何在不更改插件本身的情况下解决它(为了在将来更新时保持安全)

JQuery – 如何将外部内容加载到一个div中,使用滑动效果切换div,并自动向下滚动以查看扩展的div

在我的HTML页面上,我有: 4个图像排成一排,1个div直接坐在下面 – 倒塌了。 根据用户点击的图像,我想将相应的外部页面内容加载到该DIV中(使用ajaxpage.js?)。 当内容加载到DIV中时,DIV应该通过滑动操作切换打开。 (使用jquery.togglr.js?) 我还希望浏览器自动向下滚动到扩展的DIV,否则,用户可能看不到额外的内容已被切换打开。 滚动应该有缓动效果。 (使用jquery.scrollTo.js?) 最后,如果用户点击切换DIV打开的同一图像,它应该关闭DIV。 如果用户在DIV已打开的情况下单击另一个图像,则只需加载新内容,而无需关闭并打开DIV。 困难在于如何正确集成所有不同的jquery插件以获得所需的行为? 谢谢。

动态Colorbox加载位置

这是彩盒示例的快速链接。 我需要更改和自定义颜色框加载的位置 任何人都可以帮助我吗?

uploadify with prettyPhoto:uncaught exception:调用StartUpload失败

我们一直在使用uploadify进行图片上传,使用prettyPhoto在我们的Rails应用程序中在lightbox上显示图像。 如果单独使用,两者都很好。 现在我们想在dropbox上显示uploadify控件,就像dropbox一样,但如果与prettyPhoto一起使用它会开始尖叫。 这是使用uploadify和prettyPhoto的示例html。 My Uploadify Implementation $(function() { $(‘#file_upload’).uploadify({ ‘swf’ : ‘uploadify.swf’, ‘uploader’ : ‘uploadify.php’ // Your options here }); $(‘#closeme’).live(‘click’, function() { $.prettyPhoto.close(); return false; }); $(“a[rel^=’prettyPhoto’]”).prettyPhoto(); }); popop This is inline content opened in prettyPhoto. 在这里,您将看到弹出窗口的链接,点击链接,它会在灯箱上显示uploadify控件。 然后,您从磁盘中选择图像以上载到服务器。 选择图像后,我面临两个问题: 1)获取Error: uncaught exception: Call to StartUpload failed在FF和Crome上Error: uncaught exception: Call to StartUpload failed javascript错误 […]

如何使用jqueryui提交google的autosuggest表格onclick?

看起来像使用jqueryui的类别使事情有点复杂。 我试过这个: $(document).ready(function() { $.widget( “custom.catcomplete”, $.ui.autocomplete, { _renderMenu: function( ul, items ) { var self = this, currentCategory = “”; $.each( items, function( index, item ) { if ( item.category != currentCategory ) { ul.append( “” + item.category + “” ); currentCategory = item.category; } self._renderItem( ul, item ); }); }, select: function(event, ui) […]