Question

<script type='text/javascript'>
$(document).ready(function () {
    var fenster = $(location).attr('href');

    if (fenster == 'http://www.cyrill-kuhlmann.de/index.php/') {
        $('#intro-page').show(function () {
            $(this).click(function () {
                $(this).fadeOut(250);
            });
        });
    }
});
</script>

我有div需要以全屏显示为简介。问题是它无法正确显示;它只是显示在左上角并且一直延伸到全屏。为什么要这样做？

Answer 1

show()将动画的持续时间作为第一个参数。你给它一个功能，这是不正确的。要么你想要链接你的方法：

$('#intro-page').show().click(function () {
    $(this).fadeOut(250);
});

或者，意味着将回调函数放在那里，但是你错过了第一个参数;持续时间：

$('#intro-page').show(250, function(){
    $(this).click(function(){
        $(this).fadeOut(250);
    });
});

<强>文档

show()

Answer 2

<script type='text/javascript'>
$(document).ready(function () {
    var fenster = $(location).attr('href');

    if (fenster == 'http://www.cyrill-kuhlmann.de/index.php/') {
        $('#intro-page').show(function () {
            $(this).click(function () {
                $(this).fadeOut(250);
            });
        });
    }
});
</script>

尝试以下方法：

<script type='text/javascript'>
$(document).ready(function () {
    var fenster = $(location).attr('href');

    if (fenster == 'http://www.cyrill-kuhlmann.de/index.php/') {
        $('#intro-page').show();
        $('#intro-page').click(function(){
           // seperate it from show function call so you can have more access to object
           // and do logic on it.
           $(this).fadeOut(250);
        });
    }
});
</script>

Div无法在节目中正确显示

2 个答案: