繁体   English   中英

js slideUp不起作用

[英]js slideUp doesn't work

我想将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>

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

将它包装在$(document).ready #slide_up元素准备好使用之前,您的点击处理程序已分配:

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

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>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM