小编dev*_*dev的帖子

悬停数组元素淡化另一个数组中的对应元素[闭包问题]

我希望实现的是当我将鼠标悬停在deptmts数组中的元素上时,数组中的相应元素brnches随后会淡入淡出.我在下面添加了我认为它应该是但不确定我哪里出错了.任何帮助将非常感激.

var brnches = ["#branch01","#branch02","#branch03","#branch04"]
var deptmts = ["#depart01","#depart02","#depart03","#depart04"]

var brchhov = function() {
    for(var i=0; i<deptmts.length; i++){
        $(deptmts[i]).hover(
            function(){$(brnches[i]).stop(true).fadeTo("fast", 1);},
            function(){$(brnches[i]).stop(true).fadeTo("slow", 0);}
        );
    }
};
Run Code Online (Sandbox Code Playgroud)

javascript arrays jquery

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

SVG无法识别指针事件:无

我有一个带有透明背景图像集的顶层,并希望忽略所有指针事件.所以最初我有这个设置<div style="pointer-events"></div>很好,但后来我发现IE不支持这个.

延伸阅读我发现好几个地方,说IE不支持<svg>pointer-events:none,但我不能让它工作(我从来没有使用SVG标签之前,所以我可以做这一切是错误的).

请看这个我希望实现的非常简化的小提琴.http://jsfiddle.net/AGVTM/

html css svg

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

Window.open调整大小为可用的宽度和高度

我做了一些搜索,但我不知道这是否可能.我想使用该window.open()方法打开窗口可用宽度和高度的链接.类似于下面的代码.

var h = $(window).height(); 
var w = $(window).width(); 

$('#window-opener').live('click',function (e) {
        window.open(this.href, 'Resource', 'toolbar=no ,location=0, status=no, titlebar=no, menubar=no,
                    width='+w', 
                    height='+h);
        e.preventDefault();
});
Run Code Online (Sandbox Code Playgroud)

这可能吗?如果没有,任何人都可以推荐一种类似的方法.

javascript jquery fullscreen window.open

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

选择具有空格或特定字符的数据属性值

我正在尝试选择一个具有空格或某个特征的数据属性值,但它不太喜欢它.下面是我为一个措辞属性值工作的代码.

$('div[data-roomtype='+$(this).data('roomtype')+']').animate({opacity:0.1},100);
Run Code Online (Sandbox Code Playgroud)

而且我还把我希望实现的非常简化的小提琴(http://jsfiddle.net/Tse6k/2/)放在一起.有一个简单的解决方案吗?任何帮助或建议将不胜感激.

javascript jquery jquery-selectors custom-data-attribute

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

jquery检测窗口调整大小

我有一个关于我正在研究的关于检测窗口调整大小的网站的问题.我知道这已经在前面讨论过了,我已经阅读了很多讨论,但却无法让它发挥作用.我只是在学习jquery.

 $(function(){
    var viewPortWidth = $(window).width();
    if (viewPortWidth > 1900)
    {
       $('#mainbio, #footerlinks').addClass('extraWide')
    }
    else if (viewPortWidth > 1400)
    {
       $('#mainbio, #footerlinks').addClass('wide')
    }
    else if (viewPortWidth > 1000) 
    {
       $('#mainbio, #footerlinks').addClass('standard')
    }
    else if (viewPortWidth > 700)
    {
       $('#mainbio, #footerlinks, #twitter, #facebook, #flickr,   #lastfm').addClass('narrow')
    }
    else 
    {
       $('#mainbio, #footerlinks, #twitter, #facebook, #flickr, #lastfm').addClass('extraNarrow')
    }
 });
Run Code Online (Sandbox Code Playgroud)

这是我到目前为止,它工作正常,但只在初始加载.我想知道是否有人可以帮助我调整它以便它可以动态工作 - 所以我可以看到更改,如果我手动调整我的浏览器,而不刷新?

谢谢!

jquery dynamic detect width window-resize

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

Jquery Cookie功能

我还是很新,所以请耐心等待.我有一个函数,它在click事件上添加了一个类,这很好用.但我还希望将点击的功能保存为cookie,以便当该用户下次访问该网站时,这些类仍然存在/重新应用.我正在使用jquery.cookie.我的代码如下.

$(".bblue").click(function bblue() {
    $("dl").addClass("bbluebg");
    $("dd .button").addClass("buttonb");
    $('.button img').attr('src',function(i,e){return e.replace("White","DBlue");});
    $.cookie("color", function bblue(){} , { expires: null, path: '/' });
});
Run Code Online (Sandbox Code Playgroud)

当我调用$.cookie('color');return时,function bblue(){}但是当页面下次加载时它不会运行该函数.

javascript cookies jquery jquery-cookie

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

使用JQuery切换div

我是JQuery的新手,我在使代码正常工作时遇到了一些麻烦.出于某种原因,我的JQuery隐藏了链接(a)元素.我需要链接来切换'wrap'div.我能做错什么?

JQuery的:

$(document).ready(function() {
   $('.wrap').hide();
   $('.open').toggle(
      function() {
     ('.wrap').show();
  },
  function() {
     ('.wrap').hide();
      }
   ); // end toggle
}); // end ready
Run Code Online (Sandbox Code Playgroud)

的jsfiddle

html css jquery

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

替换文字.

我确定这是我犯的一个非常基本的错误,但我无法解决我出错的地方.

在这个基本的小提琴示例中,您将看到我有5个div.我试图用另一个单词替换每个div中间的一个单词,但它似乎是将第一个div的内容复制到所有其他单词中,正如你可以从开头的帖子数字中看到的那样.

我正在使用的代码片段是

$('.post').each(function(){
    $('em').html( 
        $('em').html().replace('in','hello')
    );
});
Run Code Online (Sandbox Code Playgroud)

请有人帮我看看我哪里出错了?

javascript jquery replace

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