Tag: jquery plugins

Tablesorter 2.0.3 colspan问题

我使用Tablesorter 2.0.3时遇到了一些问题。 第一个问题是我在桌子上设置了一个colspan。 基本上当我这样做时,它不会对各自的列进行排序。 Four Five Six Seven 1 2 3 4 5 6 7 我遇到的第二个问题是,无论我在tablesorter.js中设置sortInitialOrder(“desc”或“asc”),它都没有任何影响,当它被点击时使排序升序或降序。 请任何人可以帮忙吗?

导航箭头不在fancybox中工作

我正在尝试让fancybox2在我的网站上运行,并且导航箭头出现问题。 当查看作为图库的一部分的图像(相同的rel)时,单击上一个/下一个箭头只会导致一个空的方形fancybox,其中“next”(或“previous”)作为标题。 我无法回到我正在寻找的图像,必须关闭fancybox。 奇怪的是,Fancybox似乎工作正常,所有脚本和CSS都正确加载,我能够在fancybox中打开图像,甚至可以通过键盘或点击内容在同一个图库的项目之间导航激活nextclick选项时(因此显示我自己的选项被正确考虑)。 配置:wordpress 3.3.1,php 5.5.9,在更新的Chrome和FF上测试。 以下是我使用的一些代码部分: jQuery(document).ready(function() { jQuery(“a[class*=fancybox]”).fancybox({ nextClick:’true’, openEffect : ‘elastic’, closeEffect : ‘fade’, nextEffect : ‘easeOutBack’, prevEffect : ‘easeInBack’, helpers : { title : { type : ‘outside’ } }, }); }); 在我的页面上,我的图库设置了不同的项目,定义如下: 感谢您的帮助!

JQuery Colorbox

如何在没有事件绑定的情况下在页面加载时显示Colorbox? 在一个更简单的术语中,我希望Colorbox在页面加载时立即加载。 这是我目前正在使用的Colorbox http://colorpowered.com/colorbox/

jquery globalcss IE不透明度

我正在使用jquery globalcss插件来更改全局样式表。 它不处理不透明度和IE。 我一直试图让它运转起来没有运气。 这是我试图强制插件尝试理解IE风格的不透明度。 function changeCss (property, value, target) { if (property === “opacity”) { $(target).globalcss(“filter”,”alpha(opacity=”+value*100+”)”); /* For IE 8 (and 9, 10, 11?). Don’t miss the added quotes */ $(target).globalcss(“-MS-filter”,”\”progid:DXImageTransform.Microsoft.Alpha(Opacity=”+value*100+”)\””); } $(target).globalcss(property,value); } 等等。 如果有人可以提供帮助,那就太好了。 谢谢。 我在这里粘贴插件,因为它不再在原始网站上: /* * Global Stylesheet jQuery Plugin * Version: 0.1 * * Enables CSS modification that uses […]

为什么我不能输入datepicker文本框?

我稍微调整了日期时间选择器的工作原理。 它是在选择更改时触发的。 但现在我无法输入文本框。 我不仅将文本框用于日期时间,还允许用户在我的应用程序中输入其他类型的信息。 如何让用户输入此文本框? 所以其他所有设置都保持不变。 仅在选择更改时触发Datepicker。 不是单击文本框本身。 jsfiddle样本 HTML代码 Not this one Not this one Not this one Select date and time ​ javascript代码 $(‘#datetime’).datetimepicker({ showOn: “button”, }); $(‘option[value=datetimepicker]’).click(function() { $(‘#datetime’).datetimepicker(‘show’); });​ css代码 .ui-datepicker-trigger{display:none;}​

fullcalendar取消绑定事件上可点击图标的eventClick方法

我正在使用fullcalendar插件。 我曾使用jquery .on()函数使图标可以点击,但问题是当我点击放在事件上的图标时,也会触发fullcalendar插件的eventClick方法。 当我点击fullcalendar月视图上的事件上的图标时,我不希望触发eventClick方法。 有人遇到过类似的问题吗? 无论如何只有在单击事件上的图标时才禁用eventClick方法。 我尝试使用.unbind()函数但仍然触发了evenClick方法以及用于使图标可单击的.on()函数。

Chrome扩展程序中的键盘快捷键

我正在尝试连接我的chrome扩展程序的键盘快捷键。 我正在使用jQuery插件: http : //oscargodson.com/labs/jkey/ 。 这是我用来测试它的代码: $(document).ready(function() { function say_hello() { alert(“hello!”); } $(document).jkey(‘/’, say_hello); }); 我现在在后台页面中有这个,但它不起作用。 这种类型的代码应该放在后台页面中,还是更适合内容脚本的内容? 或者我应该把它放在其他地方吗?

如何在jQuery AJAX应用程序中学习启用后退按钮?

我已经查看了所有最流行的问题,包括那些引用最受欢迎的插件,如BBQ和jQuery Address。 但是,我缺少一些东西。 我需要从我在这些项目中看到的任何东西退后一步。 他们假设我显然没有一些基本知识,而且我无法推断出示例中的每行代码实际上在做什么。 我想做四件事: 1)使前进按钮像在非AJAX应用程序中一样工作。 2)使后退按钮像在非AJAX应用程序中一样工作。 3)反映地址栏中的URL,以便为其添加书签。 4)生成深层链接,以便可以抓取AJAX内容。 这就是全部。 其他任何东西都是矫枉过正的。 这是一个Rails 3.0.4应用程序,我的链接都有一个href为“#”。 单击其中一个链接可激活application.js中的一个函数,该函数替换当前页面上div中的html,其中包含从.js.erb文件呈现的部分创建的更多链接。 我有一个工作正常的痕迹路径,但使用后退按钮会在您查看应用程序之前将您带到您正在查看的任何网站。 所以我的一些问题是: 1)我的每个链接都需要一个唯一的href值而不是简单的“#”吗? 2)我应该每次都替换那个div,或者只是隐藏它并创建一个新的div。 如果是这样,每个新div应该有一个新的id吗? 3)由于当前地址栏中的url没有改变,并且这些AJAX请求都是POSTS,我是否必须在Rails中做任何事情以使其响应这些新URL之一,这些URL在访问时总会触发GET请求通过浏览器历史或后退按钮? 这些障碍阻碍了我解决现有问题。 非常感谢您提供的任何帮助! 编辑: 我的应用程序不是基于标签的。 页面加载时并非所有锚点都可用。 以下是用户点击链接时发生的情况: 1)隐藏表单中的字段用所单击的链接的文本值填充。 2)隐藏的表单被序列化并通过POST传递给控制器​​动作。 3)控制器动作确定谁发出请求,确定他们有权访问哪些数据,并使用表单值(现在为params)来检索对象列表。 4)将这些对象传递给.js.erb视图模板,该视图模板又使用传递的值呈现部分。 5)新的链接通过.js.erb模板中的js反弹。 基本上,由于我的数据不是静态的,我需要弄清楚如何使用表单状态AS IT WAS重新生成POST请求,以便真正“返回”。 或者表单状态是否可以以某种方式缓存屏幕?

JqueryMobile弹出菜单不起作用

我正在尝试构建一个虚拟页面来理解Jquerymobile,但我无法在下面的链接上实现“菜单”[点击页面上的菜单按钮]: http://jquerymobile.com/branches/popup-widget/docs/pages/popup/index.html 我该如何实施? 我正在使用Jquerymobile 1.1.0版本。 任何代码示例将不胜感激。

获取对jquery ui小部件的所有实例的引用?

我正在编写一个简单包装引导popover插件的jquery UI小部件,在小部件中你可以传递选项’singular’,如果传入它,那么它应该调用插件的所有其他实例的函数。 就像是 $(‘#one’).myWidget(); $(‘#two’).myWidget(); $(‘#three’).myWidget(); $(‘#four’).myWidget(); $(‘#one’).myWidget(‘show’); //stuff from widget one is now visible $(‘#two’).myWidget(‘show’); //stuff from widget one and two are now visible $(‘#three’).myWidget(‘show’); //stuff from widget one, two and three are now visible $(‘#two’).myWidget(‘hide’); //stuff from widget one and three are now visible $(‘#four’).myWidget(‘show’, {singular:true}); //stuff from widget four is now visible […]