Tag: jQuery

从开放的'fancybox'从functionclosures花式框

大家好，我希望能够closuresfancyBox，当它是从内部打开。 我尝试了以下，但无济于事： function closeFancyBox(html){ var re = /.*Element insert complete!.*/gi; if( html.search( re ) == 0 ){ $.fancybox.close(); //alert("foo"); } } foo将在对话框中打开，但不会closures。 任何提示？

修改Twitter Bootstrap折叠插件，以保持手风琴打开

我试图修改Bootstrap折叠插件，让我指定是否点击一个手风琴（打开）应该自动closures手风琴中的其他项目（因此可以一次打开手风琴中的多个项目） 我想在手风琴上创build一个新的数据属性，比如data-collapse-type="auto|manual" bootstrap jQuery插件对于我的技能水平来说有点高级。 我所需要的最相关的部分似乎是在第52行， actives.collapse('hide') 。 如果设置了'data-collapse-type ='manual''（省略属性或设置auto应该保持默认行为），我不希望发生这种情况。 我创造了一个我已经实践的jsfiddle 。 任何人都可以帮助让我在这个正确的轨道？

asp.net mvc开发人员的最佳实践

道歉的问题是如此的主观。 我正在寻找一些如何在asp.net mvc应用程序中更好地pipe理javascript的实际例子。 在jQuery之前，我尽量避免使用javascript。 现在我使用了很多，但是觉得我可能已经错过了一些在大型Web应用程序中构build我的JavaScript代码的最佳实践/build议。 有些我感到内疚并想要离开的东西： 内嵌的JavaScript在我的意见。 我并不是在谈论大量的代码，但在每个视图上都有一些初始化代码并不罕见。 一个大的“网站”JavaScript文件。 随着我的应用程序中使用的插件列表增长（例如jquery ui），我的“启动”function也正在初始化每个插件。 通常这是为了避免问题1（添加JavaScript内联）。 也许每个视图的JavaScript文件是一个更好的解决scheme？ 一切似乎都非常程序化。 我习惯在.net中以面向对象的方式工作，但是当涉及到javascript时，这似乎是在窗口外面。 现在我知道OOP肯定是可能的，并鼓励使用JavaScript，但我可以做一些实际的例子，我应该如何做一个真正的Web应用程序的上下文。 命名空间/项目结构 – 我已经看到了一些JavaScript命名空间的例子（借助于对象），并且喜欢这个方法，但是可以用更多的背景知识来做。 任何网站，书籍等，人们可以推荐将不胜感激。

jQuery插件模板 – 最佳实践，惯例，性能和内存影响

我已经开始编写几个jQuery插件，并认为使用jQuery插件模板设置我的IDE会很好。 我一直在阅读有关插件公约，devise等相关的一些文章和post，并认为我会尝试和巩固所有这一切。 下面是我的模板，我期待着经常使用它，所以我很想确保它通常符合jQuery插件devise惯例，以及是否有多个内部方法（甚至是其一般devise）的想法会影响性能，并容易出现内存问题。 (function($) { var PLUGIN_NAME = "myPlugin"; // TODO: Plugin name goes here. var DEFAULT_OPTIONS = { // TODO: Default options for plugin. }; var pluginInstanceIdCount = 0; var I = function(/*HTMLElement*/ element) { return new Internal(element); }; var Internal = function(/*HTMLElement*/ element) { this.$elem = $(element); this.elem = element; this.data = this.getData(); […]

offsetTop与jQuery.offset（）。top

我已经读了offsetLeft和offsetTop在所有浏览器中都不能正常工作。 jQuery.offset()应该为此提供一个抽象，以提供正确的值xbrowser。 我正在试图做的是获取单元相对于元素左上angular的位置的坐标。 问题是， jQuery.offset().top实际上给了我一个FFX 3.6（在IE和Chrome中，这两个值匹配）的十进制值。 http://jsfiddle.net/htCPp/展示了这个问题。 如果你点击底部的图像， jQuery.offset().top返回327.5，但是offsetTop返回328。 我想认为offset()返回正确的值，我应该使用它，因为它可以跨浏览器。 但是，人们显然不能点击小数点的像素。 正确的方法来确定Math.Round() jQuery返回的偏移量的真正偏移？ 我应该改用offsetTop还是其他一些方法？

使用JavaScript进行自动unit testing

我正在尝试将一些JavaScriptunit testing集成到我的自动构build过程中。 目前JSUnit与JUnit很好地协作，但似乎是放弃了，并且对AJAX，debugging和超时缺乏良好的支持。 有没有人有运气自动化（与ANT）unit testing库，如YUItesting，JQuery的QUnit，或jQUnit（ http://code.google.com/p/jqunit/ ）？ 注意：我使用了一个定制的AJAX库，所以Dojo的DOH的问题是它需要你使用自己的AJAX函数调用和事件处理程序来处理任何AJAXunit testing。

用ReactJS上传文件组件

我一直在寻找帮助，使一个组件帮助pipe理上传文件从React到我设置的端点。 我已经尝试了很多选项，包括整合http://filedropjs.org 。 我决定反对它，因为我没有控制它在DOM中使用new FileDrop('zone', options);设置的元素new FileDrop('zone', options); 这是我迄今为止： module.exports = React.createClass({ displayName: "Upload", handleChange: function(e){ formData = this.refs.uploadForm.getDOMNode(); jQuery.ajax({ url: 'http://example.com', type : 'POST', xhr: function(){ var myXhr = $.ajaxSettings.xhr(); if(myXhr.upload){ myXhr.upload.addEventListener('progress',progressHandlingFunction, false); } return myXhr; }, data: formData, cache: false, contentType: false, processData: false, success: function(data){ alert(data); } }); }, render: function(){ return […]

Jquery $（this）子select器

我在页面上使用这个： jQuery('.class1 a').click( function() { if ($(".class2").is(":hidden")) { $(".class2").slideDown("slow"); } else { $(".class2").slideUp(); } }); 随后页面中的结构将如下所示： <div class="class1"> <a href="…">text</a> <div class="class2">text</div> </div> 这工作正常，除非你有multipl class1 / class2像这样： <div class="class1"> <a href="…">text</a> <div class="class2">text</div> </div> <div class="class1"> <a href="…">text</a> <div class="class2">text</div> </div> <div class="class1"> <a href="…">text</a> <div class="class2">text</div> </div> 如何更改最初的jQuery代码，以便它只影响当前class1下的class2被点击？ 我已经尝试了本页面推荐的变体： 如何获取$（this）select器的子元素？ 但还没有得到它的工作

如何dynamic使用jQuery设置宽度和高度

我想使用jQuerydynamic设置div元素的宽度和高度。 我试图replace <div id="mainTable" style="width:100px; height:200px;"></div> 有了这个： $("#mainTable").css("width", "100"); $("#mainTable").css("height", "200"); 但是，这对我不起作用。 请帮助理解为什么。 谢谢你们 ！ 问题在于数字上的引号。 这工作正常： $("#mainTable").css("width", 100); $("#mainTable").css("height", 200);

如何在Aptana Studio 3中启用jQuery支持

如何在Aptana Studio 3（beta）中启用jQuery？ 我没有看到这个版本的任何文件。 Aptana Studio 3（beta）是否支持jQuery？