Javascript jqueryui隐藏和显示效果don'；行不通

我不能在jQueryUI中使用一些效果来隐藏我的div，比如爆炸效果，它总是向下滑动（或者类似的东西），无论我在代码中作为参数添加了什么效果

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="http://jquery-ui.googlecode.com/svn/tags/1.8rc3/ui/jquery-ui.js"></script>
$(document).ready(function(){

$('.rozwin').click(function(){
    $('#main').hide('explode');
    $('#main').show('explode');  
});  

<a href="" class="rozwin>hide and show</a>

<div id='main'>...</div>

$（文档）.ready（函数（）{
$（'.rozwin'）。单击（函数（）{
$（'main'）。隐藏（'explode'）；
$（'main'）。显示（'explode'）；
});  
...

第一行缺少http:

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

---

您错过了类的右括号和右引号

$(document).ready(function(){
   $('.rozwin').click(function(){
      $('#main').hide('explode');
      $('#main').show('explode');  
   }); 
});
<a href="" class="rozwin">hide and show</a>

$（文档）.ready（函数（）{
$（'.rozwin'）。单击（函数（）{
$（'main'）。隐藏（'explode'）；
$（'main'）。显示（'explode'）；
}); 
});

这段代码有点错误

此脚本src缺少

http:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<script src="http://jquery-ui.googlecode.com/svn/tags/1.8rc3/ui/jquery-ui.js"></script>

您没有阻止单击的默认操作

$('.rozwin').click(function(){
    $('#main').hide('explode');
    $('#main').show('explode');  
});  

您没有附上您的

.ready（）

您的锚定标记的类没有结束引号

<a href="" class="rozwin>hide and show</a>

<div id='main'>...</div>

...

下面是它需要的所有修复的代码片段

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/tags/1.8rc3/ui/jquery-ui.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $('.rozwin').click(function(e){
            e.preventDefault();
            $('#main').hide('explode');
            $('#main').show('explode');  
        });  
    });
</script>

<a href="" class="rozwin">hide and show</a>
<div id='main'>...</div>

$（文档）.ready（函数（）{
$（'.rozwin'）。单击（函数（e）{
e、 预防默认值（）；
$（'main'）。隐藏（'explode'）；
$（'main'）。显示（'explode'）；
});  
});
...

请记住，您的show事件不会按预期工作，因为它们触发得太快，因为您没有在

.hide（）

的回调中使用它

---

我有这个，只是没有放在示例中：）无论如何，我不认为这会影响效果的类型：）仍然不起作用，我认为我的jquery ui有一些默认效果集，我无法更改-可能有一些冲突，或者我没有包含一些文件？你不阻止默认的点击操作，所以它本质上会刷新你的页面，因为你有一个空的href例如，对于我们来说，请确保代码在语义上是正确的。你有四个人在看这个，注意到同样的明显错误，并且你评论说在“真正的”代码中不是这样的。这表明在问你的问题时缺乏努力。我们中的一些人这样做是因为我们喜欢帮助，但试图解决问题并不有趣至少，他们并没有真正破产。

<a href="" class="rozwin>hide and show</a>

<div id='main'>...</div>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/tags/1.8rc3/ui/jquery-ui.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $('.rozwin').click(function(e){
            e.preventDefault();
            $('#main').hide('explode');
            $('#main').show('explode');  
        });  
    });
</script>

<a href="" class="rozwin">hide and show</a>
<div id='main'>...</div>