在页面加载时显示div的内容

-1

我使用this fiddle作为显示推荐内容的基础 - 因此，当您点击相关推荐内容显示的链接时。在页面加载时显示div的内容

我面临的问题是，我需要第一个推荐书显示何时加载页面 - 此时用户必须点击链接才能显示推荐书。

有谁知道我该如何做到这一点？

<body> 
<div id="menu_about"> 
    <a class="link" href="#about" data-link="first"></a> &#8226; 
    <a class="link" href="#about" data-link="second">Testimonial 1</a> &#8226; 
    <a class="link" href="#about" data-link="third">Testimonial 2</a> &#8226; 
    <a class="link" href="#about" data-link="fourth">Testimonial 3</a> &#8226; 
    <a class="link" href="#about" data-link="fifth">Testimonial 4</a> 
</div> 
<div id="pages_about" class="textContainer_about"> 
    <div class="textWord_about" data-link="first"> 
     <p>Scelerisque arcu lorem porta? Porttitor ridiculus adipiscing diam nisi, turpis, aliquam tincidunt phasellus lundium! </p> 
    </div> 
    <div class="textWord_about" data-link="second"> 
     <p>Lacus auctor dapibus. Placerat massa lundium lundium in, et. In lacus augue nisi? </p> 
    </div> 
    <div class="textWord_about" data-link="third"> 
     <p>Placerat massa lundium lundium in, et. In lacus augue nisi?</p> 
    </div> 
    <div class="textWord_about" data-link="fourth"> 
     <p>Scelerisque arcu lorem porta? Porttitor ridiculus adipiscing diam nisi, turpis, aliquam tincidunt phasellus lundium!</p> 
    </div> 
    <div class="textWord_about" data-link="fifth"> 
     <p>Lacus auctor dapibus. Placerat massa lundium lundium in, et. In lacus augue nisi? </p> 
    </div> 
</div> 
<script type="text/javascript"> 
    $('.textWord_about').hide(); 
    $('.link').click(function() { 
    $('.textWord_about').hide();  
    $('.textWord_about[data-link=' + $(this).data('link') + ']').fadeIn({ 
    width: '200px' 
    }, 300); 
    }); 
</script>

来源

2013-09-24 creatrix

你的情况，这是正确的

$(function(){ 
    $($('a.link')[1]).trigger('click'); 
});

来源

2013-09-24 12:55:48

简单

$(document).ready(function() { 
    $(".link:first").click(); 
});

应该这样做。

来源

2013-09-24 12:50:11 stafffan

只需添加show（）方法和功能的document.ready

$(document).ready(function(){ 

    $('#menu_about a').first().show(); 
    //any other statement 

});

来源

2013-09-24 12:53:03 theLibertine

显示与数据链路属性的第一个数据应该做的绝招：

$('.textWord_about[data-link="first"]').show();

编号：

$('.textWord_about').hide(); 
    $('.textWord_about[data-link="first"]').show(); 
    $('.link').click(function() { 
     $('.textWord_about').hide();  
     $('.textWord_about[data-link=' + $(this).data('link') + ']').fadeIn({ 
      width: '200px' 
     }, 300); 
    });

来源

2013-09-24 12:58:20

隐藏所有没有点击后只需添加淡入（）用于第一

<script type="text/javascript"> 
    $('.textWord_about').hide(); 

    $('.textWord_about[data-link="first"]').fadeIn({ 
    width: '200px' 
    }, 300); 

    $('.link').click(function() { 
    $('.textWord_about').hide();  
    $('.textWord_about[data-link=' + $(this).data('link') + ']').fadeIn({ 
    width: '200px' 
    }, 300); 
    }); 
</script>

来源

2013-09-24 13:03:55 Salim

在页面加载时显示div的内容

回答

相关问题