Question

我正在尝试onload slideDown。当页面打开时，div会在2秒后自动滑动。 div由响应式图像和一个名为＆＃34; z-indexed＆＃34;的按钮组成。现在我需要的是滑动同一个div。我正在使用以下代码，但不适用于slideUp。当我点击z-indexed按钮时没有任何反应。

我是jquery的初学者，我真的陷入困境。请帮助我，你的努力将不胜感激，谢谢。

<html>
<head>
    <title>slideDown</title>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
           $("#mydiv").slideUp(1).delay(2000).slideDown('slow');
           $("#mybutton").click(function() {
               $("#mydiv").slideUp();      // i think here's the problem
           });
        });
    </script>
    <style type="text/css">
        img{
            width: 100%;
            height: auto;
        }
    </style>
</head>
<body>
    <h2>here is some text , you will see an image and a button, after 2 seconds. when you click on the button the div will slideUp.</h2>
    <div id="mydiv">
        <button id="mybutton">z-indexed</button>
        <img src="php.jpg">
    </div>
</body>
</html>

Answer 1

有两个问题：

您忘记了选择器中的井号：$('mybutton').click...
您尝试在点击处理程序存在之前将其附加到

试试这个：

$(document).ready(function() {
    $("#mydiv").slideUp(1).delay(2000).slideDown('slow');
    $("#mybutton").click(function() {
        $("#mydiv").slideUp();      // i think here's the problem
    });
});

onload slideDown of div，slide on the div on button click

1 个答案: