Question

我想将slideUp效果添加到我的页面。我的<body>代码是：

<script>
        $('#slide_up').click(function(){
         $('p.text_study').slideUp('slow', function() {
          $('#result').html("ok");
         });
        });
</script>
<img src="img/slide_up.png" alt="slide_up" id="slide_up">
<p class="text_study">Some text.</p>
<div id="result"></div>

当我点击按钮时没有任何反应。请帮忙。

Answer 1

将其包裹在$(document).ready中。在#slide_up元素可供使用之前，您的点击处理程序已分配：

$(document).ready(function(){
    $('#slide_up').click(function(){
     $('p.text_study').slideUp('slow', function() {
      $('#result').html("ok");
     });
    });
});

Answer 2

JSFIDDLE http://jsfiddle.net/3uhCa/2/

您的代码没有错。你正确加载jquery吗？

<img src="img/slide_up.png" alt="slide_up" id="slide_up">
<p class="text_study">Some text.</p>
<div id="result"></div>

js slideUp不起作用

2 个答案: