小编Iam*_*son的帖子

Jquery - 简单数组,如果它已经存在则推送项目,如果它存在则移除项目

我正在构建一个简单的过滤系统,我只想将一个字符串添加到一个数组中,如果已经点击链接就将其删除.我会尽力解释我能做的最好的事情..

$(document).ready(function(){
    //so I start with an empty array
    var filters [];
    //when a link is clicked I want to add it to the array..
    $('li a', context).click(function(e){
        //so I get the value held in the data-event attribute of the clicked item example: "john"
        newFilter = $(this).attr('data-event');
        //this is where I get stuck, I want to test to see if the string I now have
        //in 'newFilter' is in the array already or not.. if it is in the array …
Run Code Online (Sandbox Code Playgroud)

arrays jquery filter

18
推荐指数
3
解决办法
6万
查看次数

jQuery:如果所选元素$(this)的父类名为'last'

我必须遗漏一些非常重要的东西,我一直在使用.parent().parent().parent().. etc来遍历DOM和.next().next()来遍历DOM.

我知道这是错误的,我需要更可靠的东西,我需要一个选择器,它将从点击的元素$(this)遍历DOM,看看点击的元素是否在一个"last"类的元素中.

div.last > div > table > tr > td > a[THE ITEM CLICKED is in the element last]
Run Code Online (Sandbox Code Playgroud)

div > div > table > tr > td > a[THE ITEM CLICKED is not in the element last]
Run Code Online (Sandbox Code Playgroud)

然后如果结果有长度

var isWithinLastRow = [amazingSelector].length;
Run Code Online (Sandbox Code Playgroud)

在这种情况下做其他事情.

jquery dom traversal tree-traversal

8
推荐指数
2
解决办法
2万
查看次数

Jquery:DOM加载后的fadeIn图像.有时工作..?

 //fade in images after the image has loaded..

$(document).ready(function(){
  $(".image_ad").hide().bind("load", function () { $(this).fadeIn(400); });
 });
Run Code Online (Sandbox Code Playgroud)

如果有人有任何意见,这将是伟大的.

我写这篇文章是为了避免在页面上看图像加载,我宁愿加载页面然后当每个图像准备就绪时它们很好地淡入.

问题是,有时几张图片永远不会加载,点击刷新会纠正这个问题,但我宁愿把它弄得很完美,并且询问是否有人知道为什么.

我有一种感觉,有时dom在脚本运行时没有完全加载,我知道它在文档中.但是它可能有可能..

再次感谢.


感谢所有的答复!今晚我会玩这些片段并发回我认为有用的片段.再次,你的答案非常感谢.


如下所示,这似乎对我的需求非常有效.感谢大家.

$(document).ready(function(){
   $(".gallery_image").hide().not(function() {
       return this.complete && $(this).fadeIn(100);
   }).bind("load", function () { $(this).fadeIn(100); });
});
Run Code Online (Sandbox Code Playgroud)

还有一件事,我不喜欢不完整的帖子所以......

我发现这在Firefox 3.6.12中不起作用.

我会看看这个.

jquery dom loading fadein

4
推荐指数
1
解决办法
1926
查看次数

jQuery优化多选择器

在我的脚本的顶部我有两个变量持有两个选择器:

    var all_open = $('ul#festival_dates li.controls a:eq(0)');
    var all_close = $('ul#festival_dates li.controls a:eq(1)');
Run Code Online (Sandbox Code Playgroud)

我正在使用Jquery,我现在正处于我正在查看代码并找到编写更高效脚本的方法.我注意到使用YUI Compressor的一件事是它说"[警告]尝试每个范围使用一个'var'语句." 并突出显示上面的两行,有没有人对此有任何建议,或者可以解释一下这意味着什么更具技术性的描述?

任何帮助将非常感激.

谢谢你的回复.

performance jquery jquery-selectors

3
推荐指数
1
解决办法
622
查看次数

Jquery:尝试按特定顺序淡化网格的方块

提前感谢您对此问题的任何帮助.

问题:

使用Jquery我想在这些方块上创建一个wave(下图).

所以正方形会按此顺序.fadein.

0(左上角第一个方块)

1,8(然后第二个方行1和第一个方行2同时)

2,9,16(依此类推)

3,10,17,24(等等)

4,11,18,25,32(等等)

我知道我可以手动延迟每个方格和时间fadein但我正在寻找一种更有活力的方式来实现这种效果.

如果我能指出正确的方向,我会很高兴的.

网格

jquery frontend fadein

2
推荐指数
1
解决办法
1005
查看次数

为什么这不是一个有效的链式函数?

$("#infoBox").hide(, function(){
            alert('hidden!');
        });
Run Code Online (Sandbox Code Playgroud)

只是一个小问题,但是当我尝试这样做时,我的代码会中断 -

javascript jquery

1
推荐指数
1
解决办法
75
查看次数

关于CSS3/@导入和验证CSS2.1的几个问题

本周末,我为一个虚构的网站制作了一个模板.我经常这样做,试图用最小的标记和非常简洁的CSS构建一个非常干净的编码网站模板.

我希望我的网站在将它们交给客户之前完美验证.

我有两个问题(我想知道其他人如何建立一个完全有效的网站):http://validator.w3.org/check

我使用一些CSS3属性(转换,box-shadow,border-radius等),这使得网站验证失败,因为验证器检查CSS 2.1规范(我猜).你们还有什么方法可以在CSS中传递带有这些属性的验证器吗?你是否将它们分开并将它们包装在有条件的评论中?

第二个是@import CSS方法.在我的标题中,我有一个名为main.css的样式表.在这个样式表中,我有这样的东西:

/*site structure*/
/*@import url("grid_system_960.css");*/

/*default style rules
@import url("layout.css"); */

/*navigation.css
@import url("navigation.css");*/
Run Code Online (Sandbox Code Playgroud)

我只是这样做以保持CSS模块化和干净,但@import也失败了验证器.

有没有人有任何建议我可以采取改进我的结构/方法?

css w3c css3 css-validator

1
推荐指数
1
解决办法
854
查看次数

Coldfusion:多个表单字段,一个提交

摘要:

  • 插入工作.
  • cfc有效

问题是当我在字段名称的末尾添加" _#i# "时!

详情:

我有一个可变数量的表单字段,需要同时插入数据库,不同的行.

所以我循环了表单并增加了字段的名称.

所以我有title_1,title_2,title_3等...

接下来我想通过循环插入表单字段的数量将它们插入数据库(一个提交按钮).

我正在使用ColdFusion Server Standard 8,0,1,195765

错误: 无效的CFML构造

我尝试了各种各样的 - 任何建议都会非常感激.

     <cfoutput>
        <cfloop from="1" to ="#VARIABLES.fieldTotal#" index="i">
        <cfset VARIABLES.insert = theObj.the_insert(
                the_id  = FORM.the_id_#i#
            ,   title   = FORM.title_#i#
            ,   author  = FORM.author_#i#
            ,   caption = FORM.caption_#i#
        )>
        </cfloop>
    </cfoutput>
Run Code Online (Sandbox Code Playgroud)

coldfusion insert

1
推荐指数
1
解决办法
400
查看次数

看看我的mac"ruby -v"上运行的是什么版本的ruby

我对ruby非常新,我刚看到我的mac预装了ruby,我可以通过在终端输入ruby -v来测试它,但是我收到了一个错误..

我试图按照这个教程,但即使是第一个命令也没有运气! 关于安装ruby的Net Tuts教程

"你可能有兴趣知道的是,你的Mac上预装了Ruby.别相信我?打开终端并输入:"

ruby -v
Run Code Online (Sandbox Code Playgroud)

响应

NameError: undefined local variable or method `v' for main:Object
from (irb):16
Run Code Online (Sandbox Code Playgroud)

我有两个问题,如何查看我运行的版本以及在mac上安装ruby的最佳方法?

ruby-on-rails

0
推荐指数
1
解决办法
144
查看次数

使用ngclick编辑重复项目

我正在学习Angular,我正在尝试建立一些东西来学习.我试图在下面尽可能清楚地解释自己 - 任何帮助将不胜感激.

示例:http : //jsbin.com/micasafetise/2/ http://jsbin.com/micasafetise/2/edit?html,js,console,output

我创造了自己的这些数据

$scope.people = 
[
    {
    "personID": 1,
    "first_name": "Sam",
    "last_name": "Stimpson",
    "attending": false
    },
    {
    "personID": 2,
    "first_name": "Alison",
    "last_name": "van Schoor",
    "attending": true
    },
    {
    "personID": 3,
    "first_name": "Lindsay",
    "last_name": "van Schoor",
    "attending": false
    }
];
Run Code Online (Sandbox Code Playgroud)

我在我的视图中创建了一个输出,如下所示:

<div ng-repeat="person in people">
  <a href="" ng-click="isAttending()">
    {{person.first_name}}{{person.last_name}} - {{person.attending}}
  </a>
</div>
Run Code Online (Sandbox Code Playgroud)

现在我被困住了.我希望能够点击一个人并将他们的参加字段从false更新为true.我知道我可以像这样使用ng-click

$scope.isAttending = function() {
   alert("is attending");
};
Run Code Online (Sandbox Code Playgroud)

但是没有线索如何更新我点击的人在$ scope.people中将false更改为true.

当我实现这一目标时,我计划再使用过滤器进行另一次ng-repeat来显示那些参加但我能够做到这一点的人.

任何人都可以帮助我或给我一些建议,任何事情都会在此刻受到赞赏.

提前致谢.

我写了一个我想在这里做的例子:http : //jsbin.com/micasafetise/2/ http://jsbin.com/micasafetise/2/edit?html,js,console,output

angularjs angularjs-scope angularjs-ng-repeat angularjs-filter

0
推荐指数
1
解决办法
117
查看次数