Tag: javascript

为什么jQuery会重启事件两次?

我只是注意到,只要调整浏览器窗口大小,jquery resize事件就会触发两次。 我找不到任何将此列为默认行为的文档。 我已经使用jQuery 1.4和1.5在最新版本的Chrome和Firefox中对此进行了测试。 有没有人看到这种行为? 它有具体原因吗? 更新 :如果我单击浏览器窗口上的最大化按钮一次,就会发生这种情况。 据我所知,如果我手动将窗口拖动到不同的大小,事件将被多次触发,但最大化按钮不应该是这种情况。 使用的代码测试如下。 浏览器resize的文本输出两次: $(window).resize(function(){ console.log(‘Browser Resized’); });

没有括号乱七八糟的JQuery参数序列化

我正在使用JQuery向服务器发出JSON请求,似乎它的参数序列化被硬编码为PHP期望的而不是通用的。 基本上我有一个看起来像这样的对象: { foo: 1, bar : [1, 3, 5] } 并将其序列化为: foo=1&bar[]=1&bar[]=3&bar[]=5 反正有没有做到这一点? foo=1&bar=1&bar=3&bar=5 在我看来,jQuery不应该与少数服务器端框架期望的命名约定相关联。 如果我想让我的param被称为bar[]我可以很容易地将它命名为我自己的服务器端代码所期望的。

如何将div的内容保存为图像?

基本上,我正在做标题所说的,试图将div的内容保存为图像。 我打算为iPad制作一个小型在线应用程序。 一个必须的function是具有“保存”按钮,可以将整个网页保存为图像,并将该图像保存到iPad的相机胶卷。 我希望保存div的全部内容,而不仅仅是可见区域。 我在网上简短搜索过,但找不到任何关于任何内容的文档。 我在HTML5 Canvas上发现了很多东西。 这是我放在一起的一些代码: function saveimg() { var c = document.getElementById(‘mycanvas’); var t = c.getContext(‘2d’); window.location.href = image; window.open(”, document.getElementById(‘mycanvas’).toDataURL()); } This is just a test 12344 Save 虽然,我收到此错误: TypeError: c.getContext is not a function 此应用程序将仅使用HTML,CSS和jQuery(或其他Javascript库)构建。

使用类似JQuery的选择器语法以编程方式编辑Less(css)代码?

可以在less.js中使用库从浏览器中的较少文件动态重新生成css。 如果有一种简单的方法来修改较少的代码,这将是动态更新站点的CSS的一种非常强大的方法。 想象一下,你有一种在大型网站上使用过100次的颜色。 如果你想仅使用javascript动态改变那种颜色,你需要更新具有该颜色的每一位css(可能是50行代码)。 根据我的想象,你需要写的是这样的: $(‘@mainColour’).value(‘#F04’); 我正在考虑自己去做,但这听起来像一个巨大的项目,我想知道是否有人已经开始这样的事情? 编辑:澄清一下,理想情况下我想要做的是获取一串Less代码,以编程方式编辑它(可能使用类似jquery的选择器语法),然后将其吐出为修改后的Less。 理想情况下,代码是在Javascript中(但不一定是客户端)我上面给出的示例是一个可能的应用程序但可能不是一个好的(可能有更好的更常见的方法来实现它)。

为什么不委托滚动工作?

我试图使用jquery委托绑定滚动事件。 HTML Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah […]

IE问题 – 不支持Object.keys(value).length

我一直在尝试在Internet Explorer中调试一些js,我无法想出这个。 这是导致错误的行: var numberOfColumns = Object.keys(value).length; 错误是…… Message: Object doesn’t support this property or method Line: 640 Char: 5 Code: 0 URI: xxx 起初我认为它与Object.keys(value).length; 属性,但奇怪的是(对我来说),错误是在char 5,这是变量名称的开头。 无论如何,我不知道发生了什么或如何解决它。 另外,如果我更换: var numberOfColumns = Object.keys(value).length; 用…… var numberOfColumns = 9; // troubleshooting 错误仍然存​​在。 请帮忙。 更新 jsFiddle补充道 http://jsfiddle.net/4Rab7/

jQuery .search()到任何字符串

我看到了这段代码: $(“ul li”).text().search(new RegExp(“sometext”, “i”)); 并想知道这是否可以扩展到任何字符串? 我想完成以下任务,但它不起作用: $(“li”).attr(“title”).search(new RegExp(“sometext”, “i”)); 此外,任何人都有这个function的jQuery文档的链接? 我在google上显然失败了。

如何通过DOMAttrModified检测类更改

我需要检测一些类更改,我使用这个DOMAttrModified,但有些东西是错的,什么? var first_img = $(‘body’).find(‘li:first’).find(‘img’); first_img.on(‘DOMAttrModified’,function(e){ if (e.attrName === ‘class’) { if ($(this).hasClass(‘current-image’)) { $(this).removeClass().addClass(‘previous-image’); } console.log(‘log’); } }); 感谢您的建议。

Angularjs – 使用php上传文件

我花了几天时间寻找一个相当简单的angularjs文件上传方法的集成,其中包括一个基本的php服务器端脚本.. 我需要一个简单的表单一个字段和文件上传上传。 我发现的所有例子都是严重依赖jQuery,或者如果它们看起来像我可以使用他们的“例子”那么完全不清楚和混乱。 这两个例子(如果我能弄清楚如何与PHP合并)将解决我的难题.. 本页的示例5 http://ng-upload.eu01.aws.af.cm/ 此页面上的示例是我非常喜欢的一个.. http://angular-file-upload.appspot.com/ 有人可以为我带来更多的光。我真的希望看到一个输入文件和一个文件上传尽可能简单的角度和PHP代码,如果这样的事情存在于某处。 我很乐意实现这个http://twilson63.github.io/ngUpload/或http://angular-file-upload.appspot.com/ 如果这是我的PHP $fname = $_POST[“fname”]; if(isset($_FILES[‘image’])){ $errors= array(); $file_name = $_FILES[‘image’][‘name’]; $file_size =$_FILES[‘image’][‘size’]; $file_tmp =$_FILES[‘image’][‘tmp_name’]; $file_type=$_FILES[‘image’][‘type’]; $file_ext = strtolower(pathinfo($file_name, PATHINFO_EXTENSION)); $extensions = array(“jpeg”,”jpg”,”png”); if(in_array($file_ext,$extensions )=== false){ $errors[]=”image extension not allowed, please choose a JPEG or PNG file.”; } if($file_size > 2097152){ $errors[]=’File size cannot exceed 2 […]

使用JQueryvalidation以dd / mm / yyyy格式validation日期

我正在记录出生日期和死亡日期。 需要validation 死亡日期应超过出生日期 日期格式为dd / mm / yyyy 日期小于或等于今天。 validation无法按预期工作,无法解决问题。 请帮忙。 小提琴代码 使用JS库 Calendar / Datepicker的JQuery UI JQueryvalidation表单validation validation库的其他方法 var today = new Date(); var authorValidator = $(“#itemAuthorForm”).validate({ rules : { dateOfBirth : { required : false, date : true, dateITA : true, dateLessThan : ‘#expiredDate’ }, expiredDate : { required : false, date : […]