Tag: javascript

使用Jquery的不区分大小写的属性值选择器

我需要获取某个meta标记的content属性的值。 var someContent = $(“meta[name=someKindOfId]”).attr(“content”); 我通常是这样做的。 出于商业原因, someKindOfId可能是somekindofid 。 它也可以是其他案例组合。 我不知道。 搜索此元标记的最佳方法是什么? 添加id或其他标识符是不可能的。

为什么jQuery无法触发锚标记的本机点击?

最近我发现当我点击其他元素时,jQuery无法触发锚标记上的本机点击事件,下面的示例将无效: HTML this is a link this is another link JavaScript的 $(‘.js-a1’).click(function () { $(‘.js-a2’).click(); return false; }); 这里是jsfiddle – 1 。 单击第一个链接将不会触发第二个链接上的本机单击。 经过一些搜索,我找到了解决方案和解释。 解 使用本机DOM元素。 $(‘.js-a1’).click(function () { $(‘.js-a2′).get(0).click(); return false; }); 这是jsfiddle – 2 。 说明 我在Learn jQuery : Triggering Event Handlers上找到了一篇文章。 它告诉我: .trigger()函数不能用于模仿本机浏览器事件,例如单击文件输入框或锚标记。 这是因为,没有使用与这些事件对应的jQuery事件系统附加事件处理程序。 题 所以这是我的问题: 如何理解‘没有使用与这些事件相对应的jQuery事件系统附加事件处理程序’ ? 为什么没有这样的相应事件处理程序? 编辑 我更新了我的jsfiddles,似乎有类名的错误。

使用ajax请求显示进度条进度

我希望在ajax请求触发和完成时显示jquery ui进度条的进度。 问题是我不知道如何根据ajax请求的进度设置进度条的值。 这是一个开头的代码: function ajaxnews() { $(‘.newstabs a’).click(function(e){ var section = $(this).attr(‘id’); var url = base + ‘news/section/’ + section; $.ajax({ url : url, dataTye : ‘html’, start : loadNews, success : fillNews }); }); } // start callback functions function loadNews() { $(‘#progressbar’).fadeIn(); $(‘#progressbar’).progressbar({ //how shoud I set the values here}); } function […]

jQuery即时URL缩短

我正在寻找一个即时的URL缩短器,就像tweetdeck的工作方式一样。 我发现了很多jQuery和一般的javascript插件,当按下按钮时,它会通过缩进服务(例如bit.ly)运行它。 但是,我还没能找到一个在飞行中做它的人。 我的第一个问题是,这已经存在于某个地方吗? 其次,如果没有,那么识别需要在文本框中缩短的URL的最佳方法是什么? 我的想法: 在该文本区域的onKeyUp上运行查找http的文本 如果找到了抓取整个URL(我如何确定结束?可以是句号,逗号,空格等…) 确保该URL不是bit.ly URL validationURL(发出请求并确保http响应不是错误,bit.ly已经这样做了吗?) 如果有效,请将URL发送到bit.ly的API并获取响应 将长URL替换为文本区域中的短URL。 思考?

在AngularJS中轻松控制dom – 单击按钮,然后将焦点设置为输入元素

我有这个角度代码: {{element.name}} 我想要发生的事情:当用户点击按钮时 – 输入元素将被聚焦。 单击按钮元素并将其聚焦后,如何找到输入元素? 我可以做一个看起来像这样的函数: function doSomething(element,$event) { //option A – start manipulating in the dark: $event.srcElement.parentNode.childNodes[1] //option B – wrapping it with jQuery: $($event.srcElement).closest(‘.element-wrapper’).find(‘input’).focus(); } 它们都不起作用 – 有更好的角度方法吗? 在jQuery中使用.closest()和.find()等函数? 更新: 我发现这个黑客工作(但它似乎仍然不是正确的解决方案) : function doSomething(element,$event) { setTimeout(function(){ $($event.srcElement).closest(‘.element-wrapper’).find(‘input’).focus(); },0) } 我用setTimeout包装它,所以在Angular完成它的所有操作后,它会聚焦在input元素上。

jQuery相当于YUI StyleSheet Utility?

jQuery – 或其中一个插件 – 是否具有与YUI StyleSheet Utility相同的function? “StyleSheet实用程序能够从头开始创建新的样式表,以及修改作为源自同一域或任何内联元素的元素属性的现有样式表。” 这(我很确定)是创建和修改CSS 样式表本身而不是循环遍历DOM和更改元素的style属性(如jQuery.css()方法那样)。 我认为这种技术有可能显着改变许多用户界面相关Javascript的编写方式,因此有兴趣了解其中已实现的任何其他库。

搜索多维数组JavaScript

我有一个看起来像这样的数组: selected_products[0]=[“r1″,”7up”,61,”Albertsons”] selected_products[1]=[“r3”, “Arrowhead”,78,”Arrowhead “] selected_products[2]=[“r8”, “Betty Crocker Cake Mix (Variety)”,109,”Arrowhead “] … 如何根据每个项目中的第一个条目(r1,r2,…)搜索此数组中的项目数组是巨大的我正在寻找一种快速有效的方法从这个数组中获取结果我使用了JQuery函数jQuery.inArray但它在我的数组中找不到任何东西,我用这种方式: alert($.inArray([“r1″,”7up”,61,”Albertsons”],selected_products))// it returns -1 alert($.inArray(“r1”,selected_products))//this also returns -1

模态打开时如何发送参数json数组?

演示和完整代码是这样的: https : //jsfiddle.net/xzxrp7nn/5/ 我的HTML代码是这样的: Close 我的Javascript代码是这样的: $(document).ready(function(){ var priceModal = ‘{“attributes”:{“Code”:”DBL”,”Total”:”200000″},”DayPrice”:{“Date”:”2016-05-26″,”Rate”:”200000″}}’; var isitable = ‘tes’; $(“#tes”).html(isitable); $(‘#priceModal’).on(‘show.bs.modal’, function(e) { var param = e.relatedTarget.id; console.log(param); }) }) 当打开模态时,我想获得参数priceModal。 我做console.log(param); 在$(‘#priceModal’).on(‘show.bs.modal’, function(e) { 。 但结果是: priceModal={ 解决我的问题的任何解决方案? 谢谢

使用jquery在数组的范围内定期更改文本

我有一个跨度,例如: Here is a sentence this is what changes 并且我希望该范围的内容在术语列表之间每隔几分钟改变一次,因此内容可能会变为: then thus 等等。 我希望文本淡出然后新文本淡出。 什么是通过jquery做到这一点的最好方法?

使用InlineEditing和CellEdit在JQ Grid上启用“保存”按钮

嗨,我有一个使用单元格编辑和内联编辑的网格。 它保存到ClientArray $(‘#list’).jqGrid({ datatype: “local”, colNames: [“Parameter Id”, “Parameter Name”, ‘Parameter Value’], colModel: [ { name: “Id”, index: “Id”, align: “left”, key: true, editable: false,hidden:true, jmap: 0 }, { name: “ParameterName”, index: “ParameterName”, align: “left”, editable: false, jmap: 1 }, { name: “ParameterValue”, index: “ParameterValue”, align: “left”, editable: true, edittype: “text”, editoptions: { maxlength: 100 […]