草庐IT

前端项目

全部标签

javascript - 使用 JQuery 悬停项目

有没有办法使用javascript悬停元素?我不想创建另一个类,我只想在我的鼠标指针不在该元素上时使用javascript使该元素悬停。例如,我有5个具有相同类的元素,当其中一个真正悬停时,我想在所有这些元素上调用悬停。 最佳答案 我假设您指的是与链接关联的伪类:hover(例如)。当您将鼠标悬停在该链接上时,您想要调用所有其他链接的:hover样式。不幸的是,您不能从jQuery中调用:hover样式,这需要您实际将鼠标指针移到该元素上。您必须使用类并利用jQuery的悬停事件。 关于

javascript - Flex vs ExtJS 用于内部系统前端,它们的优缺点是什么?

回顾一下我刚刚构建的一个内部系统,常见的服务器/页面模型,在一些UI组件中少量使用了Ajax。我不确定我是否对最终结果感到满意,因为我们似乎在前端花费了太多时间。不喜欢在样式设计上遇到所有麻烦并确保CSS正常工作。所以我开始思考,前端有没有更好的工具?Flex和ExtJS如何比较?也许在这些领域?学习曲线功能布局(不维护CSS)易于实现可测试性(Javascript与Actionscript中的TDD?)性能可维护性请不要关闭这个,我只是向在Flex、ExtJS或两者都有经验的ppl寻求反馈。谢谢大家! 最佳答案 我将从我的执行摘要

javascript - 使用 jQuery 访问动态创建的项目?

我有一个页面,其中一些html被动态添加到该页面。这是创建的html和javascript:$('#btn').click(function(){alert("Hello");});Button查看我的Firebug控制台,我收到一条错误消息:TypeError:$("#btn")isnulljQuery最初是在页面上加载的。我在这里做错了什么? 最佳答案 您必须将on()(或on()方法中定义的事件)绑定(bind)到DOM中存在的元素jQuery已运行。通常这是在$(document).ready()或类似的地方。在页面加载/D

javascript - Rubaxa Sortable 如何获取项目数组

我知道这很明显,但我想不通。我正在使用Rubaxa/sortable,并希望在添加、删除或排序列表时使用ajax更新我的数据库。vareditableList=Sortable.create(document.getElementById('editable'),{animation:150,filter:'.js-remove',onFilter:function(evt){evt.item.parentNode.removeChild(evt.item);},onSort:function(evt){console.log(editableList.toArray());//not

javascript - 将项目数据传递给 react 模态

我有一张map,只渲染了几个项目,其中一条线在下面this.setState({"openDeleteModal":true)}>Delete显然我想在用户点击删除时打开一个模式,但我必须传递一些东西,比如项目的名称、项目的id来执行删除。如何将says名称传递给模态?我可以像这样将obj名称绑定(bind)到a删除我走在正确的轨道上吗? 最佳答案 在React应用程序上工作时,尽量不要考虑将值传递给其他组件,而是更新组件所暴露的状态。在您的示例中,假设您的模态组件是您的a标签列表所属的同一组件的子组件,您可以设置您有兴趣在状态上公

JavaScript:按一个键对项目进行分组,按另一个键对(!)组内的项目进行排序 - 怎么样?

在我的结果中,学生应该按Room-Id分组(!),然后在组内按年龄排序。按房间分组/排序的结果:Name|R|Age-------------------Student2|1|22Student4|1|25Student3|3|21Student6|3|27Student1|5|29我的当前代码(JSFiddle:http://jsfiddle.net/n9KNx/):/*addstudents*/varstudents=newArray();students.push({name:"Student1",room_id:5,age:29});students.push({name:"S

javascript - 用于标签属性的 Angularjs ng-repeat 项目

我的问题是如何在声明ng-repeat的同一标签上使用ng-repeat中的item我需要什么(用一些抽象的模板语言):{%foriteminitems%}{{item.name}}{%endfor%}使用angular我不知道如何访问那个item.dataTheme{{item.name}} 最佳答案 你可以使用{{item.name}}演示:Fiddle 关于javascript-用于标签属性的Angularjsng-repeat项目,我们在StackOverflow上找到一个类似的

javascript - 在呈现 CollectionView 中的所有项目后是否会触发 Marionette.js 事件?

在Backbone.Marionette.jsCollectionViews和CompositeViews,onDomRefresh事件在DOM最初呈现时触发,并且在任何时候将项目添加到View的集合中(这有助于View的动态/“实时”性质)。在我的例子中,我想运行某个jQuery函数,但由于集合的典型长度,最好只调用此函数一次在最后一次渲染,以防止过多的函数调用在UI中呈现所有模型后,我只想做一次。是否有适合此用例的Marionette事件? 最佳答案 我整个下午都在尝试使用Erik的解决方案,但“collection:rende

javascript - 禁止在 “Owl carousel” 中拖动特定元素(项目)-jquery

我在我的小项目中使用“OWLCarousel”jQuery插件(http://www.owlgraphic.com/owlcarousel/)。我创建了可通过此插件拖动的小脚本。现在我想禁用拖动特定元素(项目)...但我不知道该怎么做。HTML:Item-1.1Item-1.2NOTDraggbleItem-1.3Item-2.1Item-2.2NOTDraggbleItem-2.3Item-3.1Item-3.2NOTDraggbleItem-3.3CSS:div.wrap{width:990px;min-height:360px;padding:5px;border:2pxsoli

javascript - 桥接 Python 后端和 JavaScript 前端

我目前正在从事一个项目,该项目涉及通过用户提供的文件进行解析,使用该数据进行计算,并使用图形实用程序可视化结果。现在,我坚持使用Python作为后端,因为它有JavaScript中不可用的科学库,但我想将整个工具移动到Web服务器,在那里我可以使用D3.js进行更流畅的可视化。工作流程类似于:从浏览器获取文件内容,使用内容执行Python脚本,返回计算值的jsonified对象,并使用D3绘制这些对象。我已经让后端和前端独立工作,但想知道:我怎样才能将两者联系起来?根据我收集到的信息,我需要做一些事情启动服务器、向服务器发送AJAX请求以及从服务器检索数据。但是由于框架数量众多(Fla