1

我想在我的页面上添加 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>

当我单击一个按钮时，没有任何反应。请帮忙。

4

2 回答 2

2

把它包起来$(document).ready。#slide_up在元素准备好使用之前分配您的点击处理程序：

$(document).ready(function(){
    $('#slide_up').click(function(){
     $('p.text_study').slideUp('slow', function() {
      $('#result').html("ok");
     });
    });
});
于 2013-06-11T14:51:29.913 回答
1

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>
于 2013-06-11T14:52:52.830 回答