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隱藏和顯示效果不起作用

回答

相關問題