Tag: jquery plugins

qTip jQuery插件并不总是被激活: 我正在使用qTip jquery插件qTip插件为我正在研究的网站基于我在这里提出的另一个线程：堆栈溢出线程我的问题是，我的屏幕顶部有一个导航栏，它基本上根据你所在的标签菜单设置标题属性，这些都存储在一个javascript数组中。例如，我在屏幕顶部有三个菜单选项，例如菜单A，菜单B和菜单C. 我还有一个信息图像位于导航栏的最右边位置，我根据导航栏中选择的菜单选项设置了标题属性。例如： Menu A => myRole[0] = “Admin” Menu B => myRole[1] = “Manager” Menu C => myRole[2] = “Guest” 因此，基本上当用户点击导航栏中的每个菜单时，我将信息图像中的title属性设置为“Admin”，“Manager”或“Guest”。在启动时，qTip插件工作并在我将鼠标hover在其上时显示“Admin”但是当我将菜单更改为菜单C时，它仍显示“Admin”而不是“Guest” 从它的外观来看，它似乎并没有调用qTip插件，我已经将其定位在屏幕的页脚（参见下面的实际代码）。任何想法如何确保每次点击/更改javascript数组中的菜单选项和拾取值时qTip都会触发？ $(document).ready(function() { $(‘div#infoi img[title]’).qtip({ position: { adjust: { x:-110, y:0 }, corner: { target: ‘bottomLeft’, tooltip: ‘topMiddle’ } }, style: { width: 250, padding: 5, background: […]

HtmlBox 2.8 JQuery插件: 我正在使用HtmlBox 2.8（ http://remiya.com/cms/projects/jquery-plugins/htmlbox/ ）这个jQuery插件将您选择的TextArea转换为RichTextBox编辑器。在FireFox 3.5.3中，我无法将焦点（光标）放入textarea中。如果我单击“Html”按钮切换到HTML视图，控件将获取光标并在HTML和文本视图中启用编辑。另外我注意到在FireFox中使用控件下载包中提供的演示页面时，光标放错了大约。工具栏部分下方的半高。我知道这是一个“长镜头”的问题，但如果有人对此感到挣扎，请帮忙。问候，汤姆

全局定义jQuery插件参数: 我正在为一个主题制作一个小插件，如何在一个字符串中声明参数（选项）而不是每次调用函数时都必须包含它们？该插件必须是一个外部文件，我需要能够在本地更改选项，这就是我需要这种设置的原因。我知道这是错的，但这是我正在寻找的东西 – var options = {minwidth: 250, maxwidth: 500, crazy: 0.6, bigger: 100}; (function($) { $.fn.rosalind = function(options) { return this.each(function() { var elm = $(this); var width = Math.floor(Math.random()*options.minwidth) + options.maxwidth – options.minwidth; var poswidth = $(‘#shell’).width() – width; var left = Math.floor(Math.random()*poswidth); elm.css({‘margin-left’: left, ‘margin-top’: top, ‘width’: width}).attr(‘width’, width); var height […]

使用jQuery-File-Upload成功上载后运行SQL: 我离开了我的舒适区，可以使用一些帮助。我正在使用jQuery-File-Upload插件将文件上传到目录。关于上传的成功，我想对我的数据库运行SQL查询。我在哪里这样做？这是回调吗？我正在使用upload.class.php

jQuery工具工具提示问题: 我在页面上使用jQuery工具工具提示。当用户翻转链接时，我想在图像上显示有序（或无序）列表。每个链接的列表都是动态的。我可以让它为第一个链接工作，但所有其他链接不起作用。有没有人有一个在页面上工作的多个动态jQuery工具工具提示的工作示例？请帮忙！！

Ruby on Rails，Low Pro和JQuery（通过JRails）: 我在Ruby on Rails上使用JRails ，因此我可以简单地使用jQuery，因为我对它更熟悉。我也试图使用Low Pro远程提交我的一些表格。我目前遇到了一个让我难过的有趣问题。我已将以下内容添加到我的application.js文件中，我知道这些工作正常，因为我看到响应已返回（在Firefox中使用Firebug）： $.ajaxSetup({ dataType: “script” }); $(function() { $(‘a.remote’).attach(Remote.Link); $(‘form.remote’).attach(Remote.Form); }); 我所要做的就是将class=”remote”添加到我的链接和我的表单中，一切都很好。 dataType: “script”部分确保它对返回的响应文本执行eval() ，以便它可以正确更新页面。所以，我有一个简单的链接，创建一个新的货物。在我的new.js.rjs文件中，我有以下内容： page.insert_html :bottom, ‘#shipments_table’, :partial => ‘test’, :locals => { :shipment => @shipment } 如果我用page.visual_effect :fade, ‘#shipments_table’替换它page.visual_effect :fade, ‘#shipments_table’就像你期望的那样。如果我的_test.html.erb文件相当简单，它也可以。问题是当我尝试将添加到我的部分时。根据标签的位置，会出现不同的问题。例如，这个 Some Text 还有这个 Some Text 绝对没有出现。这个 Some […]

Jquery自定义文件输入插件: 这个jquery插件允许您将任何元素转换为文件输入元素。 http://plugins.jquery.com/project/custom-file 但要实际上传文件，我能找到的唯一文件就是：要将所选文件上载到服务器，您应该将input元素附加到表单元素我怎样才能做到这一点？

jQuery的tabletogrid示例: 我有一个HTML表格，我想使用jQuery的JQGrid插件将表格更改为网格。我该怎么做？这是我的HTML： $(document).ready(function(){ tableToGrid(“#distTable”); }); Name Platform Size 102803 102803d22222222222222222222222222222222222222gs 21587231 102803 102803dgs 215872321 102803 102803dgs 215872321 102803 102803dgs 215872321 102803 102803dgs 215872321 102803 102803dgs 215872321 102803 102803dgs 215872321 102803 102803dgs 215872321 102803 102803dgs 215872321 102803 102803dgs 215872321 102803 102803dgs 215872321 102803 102803dgs 215872321 102803 102803dgs 215872321 102803 102803dgs 215872321 102803 102803dgs 215872321 102803 […]

在这种情况下，为什么要向JQuery添加两个链接: 我没有Javascript和JQuery的经验，但我在本文档中使用过两者。第一个是为IE3过渡提供支持，取自CSS3 Hover Transition 。使用的代码是 seond one用于幻灯片展示，取自幻灯片库，代码为可以看出，以前的CSS3 Transitions链接到jquery 1.6.1，而后来的幻灯片库链接到jquery 1.3.2。我是否必须同时参考这两个文件？我尝试删除一个链接和另一个链接，但如果删除了其中一个链接，则CSS3hover转换既不起作用也不幻灯片Glaeery工作。如果我将上面的内容放在我的头部元素中，它们就不起作用了。它们只能工作如果我在页脚之后和身体元素之前将它们放在底部。以下是我的头标记。（适用于幻灯片库） document.write(‘.noscript { display: none; }’); 以下是底部。（适用于幻灯片库） jQuery(document).ready(function($) { // We only want these styles applied when javascript is enabled $(‘div.navigation’).css({‘width’ : ‘300px’, ‘float’ : ‘left’}); $(‘div.content’).css(‘display’, ‘block’); // Initially set opacity on thumbs and add […]