小编Jos*_*ose的帖子

我有这个代码

$(document).ready(function(){
    var fade_in = function(){
        $(".quote").fadeIn();
    }
    setTimeout(fade_in, 2000);
    var fade_out = function() {
      $(".quote").fadeOut();
    }
    setTimeout(fade_out, 10000);
});

它的作用是div"引用"慢慢淡入,停留几秒然后淡出.我想要的是所有这一切都发生在用户在页面上,如果你不在页面中,文本淡入淡出,淡出而你错过它.我怎样才能做到这一点？

我正在尝试创建一个灵活的 CSS 网格来显示一些卡片。我已将卡片的 CSS 代码设置为重复和自动填充，最小为 330 像素，最大为 1fr。一切都很好，但现在我有一张卡片，我需要更大一点，在 2fr。问题很简单，但我可以找到一种方法让这张卡变成 2fr 而不是 1fr。

卡片容器

.cards-row{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
    grid-column-gap: 15px;
}

<div class="cards-row" style="margin-top: 30px;">
     <div class="card-wrap">
     </div>
     <div class="card-wrap">
     </div>
     <div class="card-wrap">
     </div>
     <div class="card-wrap">
     </div>
     <div class="card-wrap">
     </div>
</div>

这基本上就是我想要实现的

我正在使用jQuery创建一个网站$.ajax,一旦我点击菜单图标,就会打开一个叠加层并根据链接href属性显示所请求的内容.当我这样做时,网站的URL会更改为您单击的任何链接.例如,如果单击"约",则URL将为http://example.com/#about.

我不希望这样,因为当你关闭叠加层时,网站会保持这种状态http://example.com/#about,如果你以这种方式进入网站,那么关于页面将不会打开,甚至连打开也不会打开.我想知道URL是否有一种方式不会改变,而且总是如此http://example.com.

这是我目前的jQuery代码:

$(function() {
    $('.w-container .w-nav-menu a').click(function() {
        var $linkClicked = $(this).attr('href');
        document.location.hash = $linkClicked;
        var $pageRoot = $linkClicked.replace('#', '');
        if (!$(this).hasClass("active")) {
            $(".w-container .w-nav-menu a").removeClass("active");
            $(this).addClass("active");
            $.ajax({
                type: "POST",
                url: "load.php",
                data: 'page='+$pageRoot,
                dataType: "html",
                success: function(msg){
                    if((msg))
                    {
                        $('.content').html(msg);
                        $('.content').hide().fadeIn();
                    }
                }
            });
        }
    else {
        event.preventDefault();
    }
});

var hash = window.location.hash;
hash = hash.replace(/^#/, '');
switch (hash) {
    case 'products' :
        $("#" + hash + …