小编Pep*_*epe的帖子

我真的没有找到我的问题的答案,如果有可能通过jquery检测用户是否在现代浏览器上点击"刷新/重新加载按钮"？

我发现 ...

window.onbeforeunload = function(e) {
    // Action
};

...但是这样的问题是,如果页面被加载,它总是会触发.但是,如果使用前进按钮,然后后退按钮应该没有做到这一点,只有在按下刷新按钮.那可能吗？所有现代浏览器都有解决方案吗？

编辑: 链接的Thx,我将尝试cookie示例.

我已经创建了以下函数从倒计时从5到0,但它没有在0处重新开始倒计时.我失败了什么？

JS:

var cc = 5;
var myTimer = setInterval(myFn, 1000);

function myFn() {
  document.getElementById("counter").innerHTML = -- cc;

  if (cc == 0) {
  clearInterval(myTimer);
  myTimer = setInterval(myFn, 1000);
  }

}

HTML:

<span id="counter">5</span>

我想使用一个简单的js来停用和激活html的溢出,"body"如下所示:

$('.my_link').click(function(){
    $('body').css('overflow-y', 'hidden');
});

$('.featherlight_background & featherlight_close_button').click(function(){
    $('body').css('overflow-y', 'scroll');
});

但我没有找到"featherlight_background"和"featherlight_close_button"的css名称 - ".".featherlight:last-of-type"和".featherlight-close-icon"不起作用;(.

这是我使用的脚本:featherlight

有谁能够帮我？

我有以下html结构(无尽的):

<div class="wrapper">
   <div class="content"> Its block 3
      <div class="number">3</div>
   </div>
</div>

<div class="wrapper">
   <div class="content"> Its block 2
      <div class="number">2</div>
   </div>
</div>

我想通过单击这样的按钮对其进行排序:

<div class="wrapper">
   <div class="content"> Its block 2  <--- new order
      <div class="number">2</div> <--- new order
   </div>
</div>

<div class="wrapper">
   <div class="content"> Its block 3  <--- new order
      <div class="number">3</div> <--- new order
   </div>
</div>

...但是我的脚本不起作用(因为同样的div类名,我想？).那么,我该如何对此排序并按最高数量和最低数量切换排序？有谁能够帮我？

function sortHigh(a, b) {
    var date1 = $(a).find(".content .number").text()
    var date2 = $(b).find(".content .number").text();

    return $(a).find(".content .number").text() > $(b).find(".content .number").text();
}; …

我想用jquery在前三个div中添加一个新的div.有没有办法做到这一点:css中的nth-child？

我的例子html:

<div class="wrapper">
  <div class="box"><!-- add div --></div>
  <div class="box"><!-- add div --></div>
  <div class="box"><!-- add div --></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
</div>

我知道的事情如下:

<script>
$( ".wrapper .box" ).append( "<div>Hello</div>" );
</script>

...但是这会在所有div中添加新的div;(.

我有一些链接,称为"yt-link"(+ data attr.)和一些隐藏的YouTube视频的div.如果我点击"yt-link",隐藏的div就变成了可变的.按下视频上的播放按钮,视频即开始播放.所以,非常好.如果我再次按下"yt-link",div会被隐藏,但视频不会停止.所以我添加了一个scrippt,通过按"yt-link"重新加载这个视频.它也有效.

我的问题:重新加载脚本在每次点击时触发,但它应该只在每次点击时触发,即关闭点击.有办法吗？

多数民众赞成我的div剧本:

$(function(){
    $(".yt-link").click(function(){
        var attrVal = $(this).attr('data-filter');
        $box = $('.yt-video-wrapper[data-filter="'+attrVal+'"]');

        // slideIN/Out the content
        $box.slideToggle();
    });
})

这就是YT重装脚本:

$('.yt-link').click(function(){

       // get the iframe URL
       var url = $('.yt-video').attr('src');

       // src to null, this stops the video been playing
       $('.yt-video').attr('src', '');

       // URL back to iframe
       $('.yt-video').attr('src', url);
});

可选:您知道更好的方法来停止视频吗？