2013-03-01 52 views
-2

当我使用hide()show()他们的工作 - 但是当我使用effect(),他们不这样做,这里是代码平和一点:jQuery UI的影响不能正常工作

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 

和我的脚本是:

<script type="text/javascript"> 
$(document).ready(function() { 
    $(".palas").fadeIn(2000); 
    /*$(".palas").click(function() { 
      $(this).hide("fold", 
        {horizFirst: true }, 2000); 
    });*/ 
$(".palas").click(function() { 
      $(this).hide(); 
    }); 
}); 
</script> 

没有注释的部分运行良好,评论部分不是,我甚至尝试过更多的选项,这个。

+1

jQuery UI的1.8与jQuery 1.5吗?为什么不使用最新版本?试试jQuery 1.8.3+和jQuery UI 1.9.2。 – 2013-03-01 14:31:19

+0

什么是'.palas'元素?一些元素(如'')并不总是很好的动画。 – 2013-03-01 14:35:26

+0

元素是一个正常的风格'div' – ImadBakir 2013-03-01 14:40:21

回答

4

变化从1.5版本jQuery UI的链接到版本1.8

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script> 
+0

它的工作,但不是编辑之后,编辑之前,就像 '' – ImadBakir 2013-03-01 14:35:05

+1

好的,我会为你恢复它。 :) – Avishek 2013-03-01 14:39:41

+0

当然,我知道:-),但我需要9分钟接受答案 – ImadBakir 2013-03-01 14:41:43