仅在某个窗口宽度之上切换动画

我想使用Toggle-Event,但仅当窗口宽度超过一定大小时。 DIV应该始终可见。 我的解决方案有点工作,但是一旦我调整窗口大小,if语句就不再触发了。 任何提示? 这是链接: http : //jsfiddle.net/mihaene/wMrjc/

使用“JQuery.on()”是否存在任何可能的危险

我正在为一个大型项目编写Javascript控制器,我发现自己使用“JQuery .on()”函数来处理所有点击事件,因为大多数内容都是动态下载的。 考虑到我使用“JQuery .off()”在再次绑定它们之前取消绑定点击事件,是否存在使用它的任何可能的危险。 $(‘#container’).off(‘click’, ‘[data-link=some-link-id’).on(‘click’, ‘[data-link=some-link-id]’, function () { // handle event here… });

modal dialog – 如何通过滚动使模态的背景延伸100%?

我必须创建一个模态窗口,其中包含动态评估的输入字段(每次用户点击输入时,都会添加一个新的输入字段)。 我的问题是模态的背景不会根据模态的大小扩展 部分HTML: Basic Information Colour Theme Personal Expertise Professional Experience modal dialog中其中一个选项卡的输入元素示例: Personal Expertise Tourism types Select max. 5 types of tourism that you’re an expert in. 问题仅发生在小于15英寸的屏幕上

在jQuery / Coffeescript中延迟ajax调用

这是一些粗略的javascript / jquery / coffeescript,在延迟后会在页面下部的DIV中滑动。 我正在使用rails,因此我也会点击一个端点,该端点会为特定幻灯片增加数据库中的视图计数器。 jQuery -> $(“div[data-slide=’true’]”).delay(20000).animate({opacity: 1,right:’+=350′},1350, ‘swing’); id = $(“div[data-slide=’true’]”).data(“slide-id”) $.ajax({url: “http://localhost:3000/firefly/slides/” + id + “/increment”, type: “post”}); $(“div[data-close=’true’]”).click -> $(“div[data-slide=’true’]”).clearQueue().animate({opacity: 0,right:’-=350′},500, ‘easeOutBounce’); 我知道这不是最好的javascript,我真的是JS的新手 – 但我现在的问题是我无法弄清楚如何延迟ajax调用所以它只会在幻灯片播放时点击端点动画。现在,当DOM完成加载时,它会到达终点并递增计数器。

无法在Slickgrid中为行设置CSS属性

我正在尝试将一个CSS类设置为Slickgrid中的行。 我已经在这里和这里查找了,并根据这个 Slickgrid示例创建了一个测试代码。 这里是: var cols = [{ id: “id”, name: “Report name”, field: “Description”, width: 600, sortable: true}]; var options = { enableCellNavigation: true, enableColumnReorder: false, syncColumnCellResize: true, showHeaderRow: true, headerRowHeight: 30 }; $(function () { var data = []; for (var i = 0; i < 10; i++) { data[i] = { Description: […]

像jQuery的animate scrollTop一样重复滚动

如何使用jQuery的动画scrollTop动画制作重复的scrollBy调用更流畅? 目前它是跳跃的,页面跳转到不同的滚动位置。 我怎样才能让它更顺畅? 这是scrollBy代码: window.scrollBy(0, -10*(scrollCount ? scrollCount<0 ? -1 : 1 : 0)) , 600*x); })(i); 这是包含它的for循环: for(var i = 0; i < Math.abs(scrollCount); i++){ (function(x){ setTimeout( window.scrollBy(0, -10*(scrollCount ? scrollCount<0 ? -1 : 1 : 0)) , 600*x); })(i); } }

如何更改每个附加文本Angularjs

我没有使用append事件正确地获得结果,而不是在添加每个名称时使用ng-repeat。 你能帮我解决一下如何从一个输入字段中更改添加的每个名字。 告诉我不使用ng-repeat,因为ng-repeatfunction对我的进一步运行function不起作用,你可以使用jquery或javascript解决这个问题,如果不使用ng-repeat就可以。 在此先感谢.. 这是JSBin var app = angular.module(‘myapp’, [‘ngSanitize’]); app.controller(‘AddCtrl’, function ($scope, $compile) { $scope.my = {name: ‘untitled’}; $scope.add_Name = function (index) { var namehtml = ‘{{my.name}} //click’; var name = $compile(namehtml)($scope); angular.element(document.getElementById(‘add’)).append(name); }; $scope.selectName = function (index) { $scope.showName = true; }; }); Add Names Name Change(?)

如何从Oracle APEX 4 Classic Report中选择行元素值(表标记中的行元素)

这是挑战.. 我在Oracle APEX 4中有一个基于SQL 1区域的经典报告 报告(Report1)的结构如下 DATE_COL(this column will be hidden) or even the whole region can be hidden) Row1 12-01-2001 Row2 11-01-2001 Row3 10-01-2001 我想选择Row1的DATE_COL值为Date1,并将其分配给ITEM的标签,该标签可以位于同一页面或另一页面上。 例如,ITEM说的是P_ITEM,其名称将在屏幕上显示为12-01-2001 所以,基本上我想选择DATE_COL列的报告的Row1元素,并将其用作标签名称 然后我想选择DATE_COL的Row2元素,它是DATE2并分配给同一页面上的另一个报告的col1标签,即Report2,看起来像这样 11-01-2001 (this name is coming from report 1 of DATE_COL of Row2 element) also it has link Row1 100 Row2 200 请指导我如何完成这一个。 示例html看起来像这样 DATE1 DATE2 DATE3 […]

jQuery:动态更新N个最新值的列表

我正在编写一个简单的函数,它将使用从服务器推送的数据更新页面。 为简单起见,我使用计时器来模拟服务器推送。 每次按下服务器消息时,我想更新页面上显示的列表,新接收的消息放在列表的顶部,最早的消息被删除。 这是我到目前为止: Line 1 …. Line 2 …. Line 3 …. Line 4 …. Line 5 …. // mimics server side push message received at front end // update list to contain only the last 5 elements function update_list(newtext){ // Fetch li elements in $(‘#lst’) // truncate last one // insert new text […]

每10毫秒检查鼠标是否仍然hover元素的函数(如果是,则运行一个函数)

我想知道是否有一个函数在一个元素(例如div class =“myiv”)hover之后运行,并且如果它仍然hover则检查每X毫秒,如果是,则运行另一个函数。 编辑:这对我有用 : http : //jsfiddle.net/z8yaB/