jquery-UI隐藏和显示效果不起作用

-3

我无法隐藏我的div在jquery ui中使用一些ie爆炸效果，它总是滑落（或类似的东西），无论我在代码中作为参数放置什么效果。jquery-UI隐藏和显示效果不起作用

<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>

来源

2012-06-14 pawel

为 – emphaticsunshine

类近报价当你为我们创造一个简明的例子，请确保该代码是语义正确的。你有四个人在看这个，注意到同样明显的错误，并且你已经评论说在'真实'的代码中这不是那种方式。它表明你没有努力问你的问题。那些帮助我们的人是因为我们喜欢帮助，但试图解决那些并未真正打破的东西并不是很有趣。 – MetalFrog

有相当多的双这个代码错了。

这个脚本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>

你不要用<script type="text/javascript">开始你的JavaScript，因此所有的jQuery被解释为纯文本。

$(document).ready(function(){

您没有阻止点击的默认操作。

$('.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>

请记住，你的节目事件将不会如预期工作，因为他们是触发太快，因为你不是在.hide()回调使用它。

http://jsfiddle.net/zq2Hz/

来源

2012-06-14 13:50:30 MetalFrog

仍然不工作，我认为我的jQuery UI有一些默认效果集我不能改变 - 也许有一些冲突或我不包括一些文件？ – pawel

您不会阻止点击的默认操作，因为它基本上会刷新您的页面，因为您有一个空href。 – MetalFrog

一线错过的http：

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

，错过了年底的$（document）。就绪（函数（）{

$(document).ready(function(){ 
    $('.rozwin').click(function(){ 
    $('#main').hide('explode'); 
    $('#main').show('explode'); 
    }); 
}); //at the end

来源

2012-06-14 13:45:04

明白了 - 这不是这 – pawel

你错过了花括号和关闭报价类

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

来源

2012-06-14 13:45:37 emphaticsunshine

我有这个，只是没有放在例子中:)无论如何，我不认为这会影响类型的效果:) – pawel

jquery-UI隐藏和显示效果不起作用

回答

相关问题