小编and*_*ick的帖子

http://jsfiddle.net/nicktheandroid/6BAfH/1/

列表元素按其跨度中的数字进行相应排序.为什么最后几个数字出现故障？我糊涂了.

jQuery的

function sortEm(a,b){
  return parseInt($('span', a).text()) < parseInt($('span', b).text()) ? 1 : -1;
}

$('li').sort(sortEm).prependTo($('ul#test'));

HTML

<ul id="test">

    <li> Cups
        <span>12</span>
    </li>

    <li> Plates
        <span>18</span>
    </li>

    <li> Forks
        <span>03</span>
    </li>

    <li> Knives
        <span>08</span>
    </li>

    <li> Bowls
        <span>55</span>
    </li>
</ul>

我的脚本工作,但我不明白如何使它在textarea /输入和按下这些键时不启动功能.aka:当用户按下该键时启动事件,除非用户在textarea/input中.

$('body').keyup(function (event) {

var direction = null;
if (event.keyCode == 37) {
  $('#wrapper').fadeOut(500)
} else if (event.keyCode == 39) {
        $('html,body').animate({scrollTop: $('body').offset().top}, {duration: 1500, easing: 'easeInOutQuart'}
        )
return false;    
}
     })

hoverintent插件与我需要的相反.我有一个由.trigger触发的.popup,当我将它悬停时,我希望.popup不会淡出几秒钟,但如果我将其悬停,然后再次悬停,则取消将要发生的淡出并保持.popup打开.

有谁知道我会怎么做？

这不起作用,但这是一个想法:

 $('.trigger').hover(function(){
        $('.popup').fadeIn(600)
    }, function() {
        $('.popup').delay(2000, function(){
            if ($(this).blur() = true) {
                $('.popup').fadeOut(600)
            }
        });
    })

我正在寻找一种使用css动画的方法,但是如果用户浏览器没有做css动画 - 然后再回到使用Jquery来制作动画.在Jquery有一个简单的方法吗？如果它是一个小插件,插件就可以了,但是如果可能的话,我真的在寻找一些在jquery中这样做的方法.我想使用css动画的唯一原因是因为使用css动画时使用的处理器功率要低得多.

与此相关的任何其他问题都有答案给出OLD webkit语法,而不是新语法,或者它们没有解释如何仅将边界渐变应用于一侧.

哪些浏览器通过CSS支持渐变边框而无需使用图像？

我在下面的JsFiddle有一个例子,它显示了一个仅应用于右边框的渐变,我如何使这个跨浏览器兼容当前支持CSS边框渐变的所有浏览器？我相信我的示例中的Gradient语法是webkit使用的旧语法,他们在大约一年前更新了语法我认为,我想使用新语法但我每次尝试都失败了.我不明白语法中是什么告诉渐变只应用于右侧,我试着调整数字,但我只是不明白它在做什么.非常感谢.

http://jsfiddle.net/nicktheandroid/MNax7/1/

另外,我在下面有另一个例子,它使用了所有浏览器都使用的新的CSS渐变语法,但渐变应用于所有边框,我希望它仅应用于右边框,就像上面的例子一样.

http://jsfiddle.net/nicktheandroid/b875w/2/

假设我只是想针对每个平板电脑和手机,无论大小,是否有媒体查询？是否可以在不指定尺寸的情况下执行此操作？或者使用大小是唯一的方法来定位移动设备,而不是桌面？

当我点击#button它时,它仍在静止'do something',即使.wrapper是动画并且.wrapper span不可见.所以它不遵守规则.怎么了？

$('#button').click(function(){
  if(
    $('.wrapper').not(':animated') && $('.wrapper span').is(':visible')
  ) {
    //do something
  }
})

什么是Jquery特别活动？我用谷歌搜索它并且仍然有点困惑,我想我可能会对它有所了解.请告诉我这是否适合使用Jquery特殊事件进行编码.

我需要创建一个功能,人们可以在文章页面上为段落添加书签,以便他们可以稍后返回并继续阅读他们中断的位置.将有一个链接显示"放置书签",当用户点击该链接时,它将启用"书签模式",其中一个人现在可以将鼠标悬停在文章中的一个段落上,当它们悬停在一个段落上时,一个div出现在那个段落上,上面写着"BOOKMARK THIS",当他们徘徊在那段时,div就消失了.当他们在"书签模式"下点击一个段落时,"BOOKMARK THIS"div中的文本变为"你放置一个书签",然后几秒后div消失并且"书签模式"禁用.如果用户已经在页面上放置了书签,但是决定将书签移动到另一个段落,则所有内容都与该人第一次放置书签的情况相同,但文本将改为"您的书签已经存在"感动".

如果我理解正确,并且这个例子确实是特殊事件的一个很好的候选人,有人可以帮我完成结构的基本布局吗？我不需要所有编码,我只需要知道悬停代码应该去哪里,悬停,点击,移动书签等.

jQuery.event.special.myevent = {
  setup: function( data, namespaces, eventHandle ) {
    // code
  },
  teardown: function( namespaces ) {
    // code
  },
  add: function( handleObj ) {
    // code
  },
  remove: function( handleObj ) {
    // code
  },
  _default: function( event ) {
    // code
  }
};

来自benalman.com/special-events

http://jsfiddle.net/nicktheandroid/k93ZK/2/

这应该很简单,我只是不明白为什么它不起作用.当将鼠标悬停在:before它上面时,应将其不透明度更改为1,但事实并非如此.为什么？

p {
    padding-top:15px;
    position:relative;
}

p:before {
    display:block;
    width:55px;
    height:55px;
    content: 'hello';
    background:#fff;
    padding:5px 10px;
    position:absolute;
    right:0;
    opacity:.5;
    -webkit-transition: all 0.3s ease-in-out;

}

p:before:hover {
    opacity:1;
    bakcground:#000;
}

编辑:我正在使用Chrome.

是否有一种非常简单的方法可以选择页面上的所有H2标签,然后将这些H2标签中的文本添加到列表中.

例:

<H2>I'm number one!</H2>
<H2>I'm number two?</H2>
<H2>I'm number three.</H2>

该脚本将抓取这些内容,并在加载页面时将其内容复制到列表中:

<UL>
<LI>I'm number one!</LI>
<LI>I'm number two?</LI>
<LI>I'm number three.</LI>
</UL>