小编Jay*_*Dee的帖子

按数据属性的数值对元素进行排序

我有多个具有属性的元素:data-percentage是否有一种方法可以将元素按升序排序,最先使用最低值?

HTML:

  <div class="testWrapper">
    <div class="test" data-percentage="30">
    <div class="test" data-percentage="62">
    <div class="test" data-percentage="11">
    <div class="test" data-percentage="43">
  </div>
Run Code Online (Sandbox Code Playgroud)

期望的结果:HTML:

  <div class="testWrapper">
    <div class="test" data-percentage="11">
    <div class="test" data-percentage="30">
    <div class="test" data-percentage="43">
    <div class="test" data-percentage="62">
  </div>
Run Code Online (Sandbox Code Playgroud)

使用Javascript还是jQuery?

javascript jquery

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

如何使用Javascript/jQuery将数字字符串增加+1

我有以下变量:

pageID = 7
Run Code Online (Sandbox Code Playgroud)

我想在链接上增加这个数字:

$('#arrowRight').attr('href', 'page.html?='+pageID);
Run Code Online (Sandbox Code Playgroud)

所以这输出7,我想附加链接说8.但是如果我加+1:

$('#arrowRight').attr('href','page.html?='+ pageID + 1);

我得到以下输出:1.html?= 71而不是8.

如何将此数字增加为pageID + 1?

javascript jquery

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

当激活fancybox 2时,父页面上的滚动条会闪烁,导致内容向左移动然后向后移动

任何想法如何解决滚动条问题?每当在我的网站上激活fancybox时,它会在初始化时创建一个滚动条,然后再次闪烁 - 但这会将整个页面移动一瞬间.不是很优雅!

这是Fancybox 2的错误吗?

用于激活Fancybox的代码:

$('map > area.fancybox').click(function(e) {
      e.preventDefault();
      var url = $(this).attr('href');
       $.fancybox({
          'href' : url,
           closeBtn    : true,
           width    : '467',
           height    : '609',
           fitToView  : false,
           padding   : '5',
           openEffect  : 'none',
           closeEffect  : 'none'
      });  
    }); 
Run Code Online (Sandbox Code Playgroud)

jquery fancybox

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

如何检查数组中的某个字符串是否在URL/window.location.pathname中

我有一个数组:

var checkURL = ['abc123', 'abc124', 'abc125'];
Run Code Online (Sandbox Code Playgroud)

如何检查window.location.pathname中是否存在数组中的一个字符串?

我个人知道我可以使用:

<script type="text/javascript">
    $(document).ready(function () {
        if(window.location.href.indexOf("abc123") > -1) {
           alert("your url contains the string abc123");
        }
    });
</script> 
Run Code Online (Sandbox Code Playgroud)

javascript jquery

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

如何使用jQuery更新cookie值而不刷新页面?

我目前正在使用jQuery Cookies插件,并且根据观看者点击的页面的哪一侧,应用了cookie:

<div id="leftClick">Click Me</div>
<div id="rightClick">Click Me</div>
Run Code Online (Sandbox Code Playgroud)

问题是一旦存储了cookie,它就不会在没有刷新的情况下更新.因此,如果观看者点击了正确的元素,但在刷新页面之前,那么在左侧元素之后,尽管cookie已被_left覆盖,但它仍然会向右报告,因为页面尚未刷新.有没有一种方法可以在没有页面刷新的情况下实时读取cookie?

<script type="text/javascript">
    var readCookie = $.cookie('whichSide');
    $(document).ready(function() {
       $('#leftClick').click(function(){
        $.cookie('whichSide', 'left_');
      }); 
    $('#rightClick').click(function(){
        $.cookie('whichSide', 'right_');
      });
    $('#login').click(function(){
        _gaq.push(['_trackEvent', 'viewerChose', readCookie+'side']);
    });   
  });  
?</script>  
Run Code Online (Sandbox Code Playgroud)

jquery session-cookies

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

使用数组来定位jQuery/JS中重复类中的特定元素

我在一个页面上有一个动态生成的HTML部分,其中包含许多已修复的元素 <div class="paraContent">

我可以访问<head>CMS中的此页面,并希望指定数组或脚本中的元素以隐藏某些元素.

我的代码到目前为止:

var excContent = ['0', '1', '25']

$(".paraContent").each(function(index[excContent]) {
    $(this).hide();
})
Run Code Online (Sandbox Code Playgroud)

javascript jquery

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

用于检测Excel中重复数据的公式(带有一个困难的变量!)

我需要清理一个邮件列表,并想知道是否有人知道一个公式,以找出以下内容:

我有一个包含两列A和B的Excel电子表格,我需要做的公式是:如果[列B中的值重复] [A列中为空白]和[列A中的数据]则显示列B的值在新的C栏中

数据示例:

COL A      |    COL B
11/11/12   |    **name@example.com**
03/09/11   |    different@example.com
           |    **name@example.com**
06/01/12   |    anothername@example.com
Run Code Online (Sandbox Code Playgroud)

公式将检测到name@example.com是重复的并且它在A列中具有日期,并且在A列中没有值,因此在C列中显示:name@example.com.

希望有道理!

excel excel-formula

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

淡出当前元素并使用相同的类淡入兄弟元素

我有以下标记,无法编辑,因为它是由我无法访问的服务器生成的.服务器使用类"contentBox"加载所有div,但是它只显示第一个(其他三个已display: none;添加到它们中).

我想添加一个ID为'switchButton'的div,这样当它被点击时它会淡出第一个'contentBox'div,然后淡化第二个'contentBox'div等等(所以再次按下它,隐藏第二个,显示第三个div).

我需要它循环,所以如果按下4次,它会回到第一个框.

<div id="switchButton">Click Me</div>

    <div class="contentBox">Server side generated content</div>
    <div class="contentBox">Server side generated content</div>
    <div class="contentBox">Server side generated content</div>
    <div class="contentBox">Server side generated content</div>
Run Code Online (Sandbox Code Playgroud)

jquery

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

有没有办法缩短这个jQuery脚本?

我是jQuery的新手,当我将鼠标悬停在剩余的缩略图上时,我编写了这个以淡出三个缩略图.它看起来很混乱,我很想知道是否有一种方法可以用更清晰的方式对其进行编码,以提高我对选择器和标识符的了解.非常感谢任何发帖的人!

<script type="text/javascript">
    $(function() {  
        $(".christmas-list-1,").css("opacity","1.0");
        $(".christmas-list-1").hover(
            function () {
                $(".christmas-list-2,.christmas-list-3,.christmas-list-4").stop().animate({ opacity: 0.5 }, "fast");
            },
            function () {
                $(".christmas-list-2,.christmas-list-3,.christmas-list-4").stop().animate({ opacity: 1.0 }, "fast");
            }
        );

        $(".christmas-list-2,").css("opacity","1.0");
        $(".christmas-list-2").hover(
            function () {
                $(".christmas-list-1,.christmas-list-3,.christmas-list-4").stop().animate({ opacity: 0.5 }, "fast");
            },
            function () {
                $(".christmas-list-1,.christmas-list-3,.christmas-list-4").stop().animate({ opacity: 1.0 }, "fast");
            }
        );

        $(".christmas-list-3,").css("opacity","1.0");
        $(".christmas-list-3").hover(
            function () {
                $(".christmas-list-1,.christmas-list-2,.christmas-list-4").stop().animate({ opacity: 0.5 }, "fast");
            },
            function () {
                $(".christmas-list-1,.christmas-list-2,.christmas-list-4").stop().animate({ opacity: 1.0 }, "fast");
            }
        );

        $(".christmas-list-4,").css("opacity","1.0");
        $(".christmas-list-4").hover(
            function () {
                $(".christmas-list-1,.christmas-list-2,.christmas-list-3").stop().animate({ opacity: 0.5 }, "fast");
            },
            function …
Run Code Online (Sandbox Code Playgroud)

jquery

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

将URL中的?=字符串更改为主题标签

我正在寻找一个匹配的代码片段?=在URL中并用#替换它.

例如:

http://www.example.com?=100

会成为:

HTTP://www.example.com#100

编辑: - 感谢您的帮助,希望用#替换?=并使用: -

  var getURL = window.location.href
  var changeURL = getURL.replace("?=", "#");
  window.location.replace(changeURL);
Run Code Online (Sandbox Code Playgroud)

jquery

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