Tag: javascript

保持jQuery最新的实用方法?

我们正在研究的一些项目在jQuery 1.4.2或更早版本中有很强的根源,并且在缺乏最新版本的性能优势(或语法糖),使用现已弃用的方法的羞辱以及使用它们的不适之间部署3年以上版本的积极维护的库,现在迫在眉睫。 社区中流行的一些做法是我们可以采用/重新访问以确保顺利推出(即关注模糊的兼容性问题,获取全局回归,重新考虑一些旧代码……)? 它们如何最好地集成到SDLC中以便将来升级? 什么是jQuery等库的合理升级时间表(我预计每次发布时都不会有显着的收益或合理的成本,但每6-12个月一次可能是合理的)?

拍摄并显示图像

我想知道如何才能实现这一目标。 我需要从外部链接站点获取所有图像并将其显示在其他站点中。 没有jQuery是可行的吗? 用简单的javascript或flash? 任何人都可以建议一些教程或什么? 如果是javascript,那么它必须是非常简单的代码,因为我想让它在eBay列表中运行。 示例:在列表中将出售XXX手机的持有者,我想在底部放置一个幻灯片或类似的完全相同的项目(来自同一类别)。 我想给它一个function,所以我只需要更改类别的链接,图片会自动更改。 更多钞票? 谢谢, 如果我没有说清楚,请问,我会更详细地解释。

在angularjs中转换$ .param

在我使用JQuery之前,我使用它来发送带参数的URL window.location = myUrl + $.param({“paramName” : “ok”,”anotherParam”:”hello”}); 但是对于angularjS,这不会以同样的方式工作 $scope.myButton = function() { $window.location.open = myUrl + $.param({“paramName” : “ok”,”anotherParam”:”hello”}); };//Error: $ is not defined 任何人都可以帮我在angularJs中如何做到这一点

javascript / jquery – 为一个按钮添加去抖动

我想为一个按钮添加一个debounce,但我希望每次用户点击按钮时执行一些操作,但只有在用户点击按钮后5秒钟后才执行,然后执行SQL更新。 通常,节流似乎直接应用于监听器。 在这里,我希望每次单击按钮时执行一些操作,然后在合理的等待时间之后进行更新。 我不确定如何在这种情况下使用该function…… 参考: http : //code.google.com/p/jquery-debounce/ $(‘#myButton’).click(function() { // do a date calculation // show user changes to screen // wait until user has has stopped clicking the // button for 5 seconds, then update file with “process” function. }); function process(){ // update database table } 去抖动语法 $(‘input’).bind(‘keyup blur’, $.debounce(process, 5000));

从不同的域读取cookie

我正在为公司内部的广告系列开发一个页面/表单。 但是,第一步是检查此人是否已登录。这可以通过cookie(CUSTOMER)轻松检查,该cookie在登录后设置。 但是:1)我在本地开发,而不是在同一个域上,因此无法看到该cookie 2)最终的活动可能会或可能不会最终驻留在实际域上。 他们可能最终使用虚荣URL或其他东西。 出于此目的,我们假设我无法访问设置cookie的主域。 如何从域外读取该cookie? 哦,既然IT人员不让我们触及后端的抱怨 ,它必须是一个JS解决方案。 谢谢!

如何检测设备是否支持鼠标?

我目前使用以下测试(取自Modernizr)来检测触摸支持: function is_touch_device() { var bool; if((‘ontouchstart’ in window) || window.DocumentTouch && document instanceof DocumentTouch) { bool = true; } else { injectElementWithStyles([‘@media (‘,prefixes.join(‘touch-enabled),(‘),mod,’)’,'{#modernizr{top:9px;position:absolute}}’].join(”), function(node) { bool = node.offsetTop === 9; }); } return bool; } 但有些设备是触摸和鼠标驱动的,所以我想要一个单独的function来检测设备是否有鼠标支持。 有什么好办法做这个检查? 最终我的意图是能够做到这些: if(is_touch_device()) if(has_mouse_support()) if(is_touch_device() && has_mouse_support())

jQuery DataTable:在表头上搜索单个列

我已按照单个列搜索(文本输入)和单个列搜索(选择输入)上的步骤在jQuery DataTable上使用多个filter,并且页脚上有多个filter。 另一方面,我想将这些filter移动到DataTable的标题,但不能将它们水平对齐,如下图所示。 有一些例子是自定义过滤 – 范围搜索 ,但它们也没有对齐。 是否有可能做到这一点? $(document).ready(function() { // Setup – add a text input to each footer cell $(‘#example tfoot th’).each( function () { var title = $(this).text(); $(this).html( ” ); } ); // DataTable var table = $(‘#example’).DataTable(); // Apply the search table.columns().every( function () { var that = this; $( […]

您是应该使用innerHTML将DOM添加到DOM还是逐个创建新元素?

将HTML代码添加到DOM有两种方法,我不知道最好的方法是什么。 第一种方法 第一种方法是简单方法,我可以使用$(‘[code here]’).appendTo(element);简单地添加HTML代码(使用jQuery) $(‘[code here]’).appendTo(element); 这很像element.innerHTML = [code here]; 第二种方法 另一种方法是逐个创建所有元素,如: // New div-element var div = $(”, { id: ‘someID’, class: ‘someClassname’ }); // New p-element that appends to the previous div-element $(”, { class: ‘anotherClassname’, text: ‘Some textnode’, }).appendTo(div); 此方法使用element.setAttribute和element.setAttribute等核心函数。 我何时应该使用第一种方法,何时使用第二种方法? 方法二比方法一快吗? 编辑 – 速度测试的结果 我做了三个速度测试,代码如下: $(document).ready(function(){ // jQuery method – Above […]

使用动态添加的元素在jQuery中自动完成

我的要求是当用户在一个输入字段中输入一些字符(最少3个)时可能会显示很少的选项,这也可能是动态添加的。 我无法在页面加载时加载数据,因为数据很大。 有一个ajax调用来获取过滤后的数据。 我得到的问题是在第2行的页面加载时出现Expected identifier错误。那么,您能否告诉我们下面的代码有什么问题? $(document).on(‘keydown.autocomplete’, ‘input.searchInput’, function() { source: function (request, response) { // Line # 2 var id = this.element[0].id; var val = $(“#”+id).val(); $.ajax({ type : ‘Get’, url: ‘getNames.html?name=’ + val, success: function(data) { var id = $(this).attr(‘id’); $(this).removeClass(‘ui-autocomplete-loading’); response(data); },error: function(data) { $(‘#’+id).removeClass(‘ui-autocomplete-loading’); } }); }, minLength: 3 });

如果他真的想离开页面,我如何要求网络用户确认?

如何询问用户您确定要离开页面吗? 例如,如果在Stackoverflow上提问时单击后退按钮?