Question

我在profile.php中有一个工作的slideDown div。单击“用户名”时，配置文件信息将向下滑动。这是结构，

profile.php - 这很好用。

$('.showprofile').click(function() {
    $('#userprofile').slideDown(1000);
});

我被困的地方是，

我想在users.php上有一个链接

<a href='profile.php#userprofile'>

当我点击上面的链接时，我应该进入profile.php页面，然后userprofile div应该自动向下滑动。

我怎样才能实现这个目标？

Answer 1

只需在该页面的$(window).load()内添加该代码，

即可

<script>
    $(document).ready(function(){
      $(window).load(function(){
        $('#userprofile').slideDown(1000);
      });
    });
</script>

请注意，您应在window.load()内注册document.ready()，因为在页面加载后，ID #userprofile的元素可能无法使用。

Answer 2

你应该使用window.load（）函数。然后当页面加载时，调用脚本。

$(window).load(function(){
    $('.showprofile').click(function() {
        $('#userprofile').slideDown(1000);
    });
});

根据你的评论：试试这个::

var pathname = window.location.href.substring(window.location.href.lastIndexOf('/') + 1);
if(pathname='users.php'){
    $(window).load(function(){
        $('.showprofile').click(function() {
            $('#userprofile').slideDown(1000);
        });
        });
    });
}else if{
    $('.showprofile').click(function() {
        $('#userprofile').slideDown(1000);
    });
}

从其他页面调用slideDown（）

2 个答案: