Tag: javascript

jQuery调整宽高比

如何将jQuery中的图像调整为一致的宽高比。 例如,设置最大高度并正确调整宽度。 谢谢。

所有浏览器的图像加载的JavaScript / jQuery事件监听器

我正在寻找一种方法来实现尽可能多的浏览器: var image = new Image(); image.addEventListener(“load”, function() { alert(“loaded”); }, false); image.src = “image_url.jpg”; 这在IE中不起作用所以我用Google搜索并发现IE低于9不支持.addEventListener() 。 我知道有一个名为.bind()的jQuery等价物,但它不适用于Image() 。 为了在IE中工作,我还需要改变什么?

如何使用jQuery UI Calendar / Date PIcker一周而不是一天?

在过去的几个月里,我一直在使用jQuery UI Calendar / Date Picker取得了巨大的成功。 我有一个新的要求,允许选择一周(周日 – 周六)而不是一天。 有没有人以前完成过这个? 按周而不是白天突出显示 在文本框/标签中显示开始日期和结束日期而不是单个日期

使用Javascript或jQuery在第一列快速对表进行排序

我有一个从FullCalendar动态填充的表。 问题是FullCalendar不关心它的原始顺序。 该表如下所示: Date hours … 1 … 3 … 2 … 4 … 每行的第一行包含表应该排序的数字。 我有这个代码来排序它: var rows = $(‘#caltbl > tbody’).children(‘tr’).detach(); for (var counter = 1; counter tbody:last’).append($(this)); } }); } 这在Firefox中运行良好,但在Internet Explorer中引起了我的一个主要问题,因为有超过500个项目并且它挂起。 我可以添加一个setTimeout但这不能解决真正的问题。 排序很慢。 什么是更快的排序方式? 而不是必须从 html开始,因为我说它被动态填充,所以我有一个包含html的Array 。 每件 1 1项(未分类)

jQuery / Javascript – 如何在继续执行函数之前等待被操作的DOM更新

我要做的是在执行CPU密集型脚本之前更新一个简单的div来说“Processing …”(运行需要3-12秒,没有AJAX)然后更新div来说“完成! “ 完成后。 我所看到的是div永远不会更新“Processing …”。 如果我在该命令后立即设置断点,那么div文本会更新,所以我知道语法是正确的。 IE9,FF6,Chrome13中的行为相同。 即使绕过jQuery并使用基本的原始Javascript,我也看到同样的问题。 你认为这会有一个简单的答案。 但是,由于jQuery .html()和.text()没有回调挂钩,因此这不是一个选项。 它也没有动画,所以没有.queue可以操纵。 你可以使用我在下面编写的示例代码来测试这个,它显示了具有5秒高CPUfunction的jQuery和Javascript实现。 代码很容易理解。 当您单击按钮或链接时,您永远不会看到“正在处理…” function addSecs(d, s) {return new Date(d.valueOf()+s*1000);} function doRun() { document.getElementById(‘msg’).innerHTML = ‘Processing JS…’; start = new Date(); end = addSecs(start,5); do {start = new Date();} while (end-start > 0); document.getElementById(‘msg’).innerHTML = ‘Finished JS’; } $(function() { $(‘button’).click(function(){ $(‘div’).text(‘Processing JQ…’); […]

通过JavaScript迭代/解析JSON对象

我遇到了jQuery / Ajax / JSON的问题。 我正在使用jQuery ajax这样的post…… $.ajax({ type: “POST”, dataType: “json”, url: “someurl.com”, data: “cmd=”+escape(me.cmd)+”&q=”+q+”&”+me.args, success: function(objJSON){ blah blah… } }); 我的理解是,这将返回一个JavaScript JSON对象? ajaxpost产生的文本就是这个(我相信这是有效的JSON)… { “student”:{ “id”: 456, “full_name”: “GOOBER, ANGELA”, “user_id”: “2733245678”, “stin”: “2733212346” }, “student”:{ “id”: 123, “full_name”: “BOB, STEVE”, “user_id”: “abc213”, “stin”: “9040923411” } } 我似乎无法弄清楚如何解析jQuery ajaxpost返回的JSON对象…基本上我想循环并让每个学生返回一个div,就像这样…… $(“” + student.full_name + […]

jQuery Mobile:触发页面事件的顺序是什么?

我必须为应用程序快速构建原型,并且我想知道插入各种应用程序逻辑的确切位置。 您可以在使用PhoneGap和jQueryMobile时迭代事件及其触发的顺序吗? 很清楚地了解事件/顺序: 答: 第一次打开应用程序时 。 B: 当你改变页面时 (我想不再有一些事件)。 C: 当您“最小化”应用程序时 (例如:当您单击应用程序中的链接时,您将进入短信/呼叫,或者您只需按设备的主页按钮)。 D: 恢复应用程序时 (例如:点击“后退”按钮,或者只是 以某种方式“最大化”它。

动态jQuery使用AddMethod基于元素validation错误消息

假设我有一个自定义AddMethod到jQuery Validate,如: $.validator.addMethod(‘min-length’, function (val, element) { // do stuff // the error message here needs to be dynamic }, ‘The field cannot be less than than ‘ + element.attr(‘data-min’) + // it is within the closure, but it can’t grab it ‘ length.’); 我无法找到一种方法来获取有问题的元素变量,并从中获取任何值。 我在这里想念的是什么?

全屏API:触发了哪些事件?

我需要知道当用户通过新的Fullscreen API进入全屏模式时会触发哪些(DOM)事件。 我试过这个代码片段,但它没有触发: jQuery(‘body’).on(‘fullScreenChange’, function() { alert(“Fired!”); });

如何使用jQuery检测浏览器类型?

我想检测用户是否使用IE和Firefox,但我找不到脚本。 我的代码如下: $(document).ready(function(e) { $.browser.chrome = /chrom(e|ium)/.test(navigator.userAgent.toLowerCase()); if($.browser.chrome){ alert(1); //this work well } else if(//the browser is IE){alert(2);} else if(//the browser is Firefox){alert(3);} //The problem is that I don’t know how to write a script for IE and FireFox browser for chrome is work fine )};