-3

jquery ui の爆発効果などを使用して 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>
4

3 に答える 3

2

このコードにはかなりの誤りがあります。

このスクリプト 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>

JavaScript を で開始しない<script type="text/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-14T13:50:30.380 に答える
0

最初の行が http:

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

$(document).ready(function(){ の終わりを逃した

$(document).ready(function(){ 
   $('.rozwin').click(function(){
     $('#main').hide('explode');
     $('#main').show('explode');  
   });   
}); //at the end
于 2012-06-14T13:45:04.893 に答える
0

class の右中括弧と右引用符を忘れました

$(document).ready(function(){
   $('.rozwin').click(function(){
      $('#main').hide('explode');
      $('#main').show('explode');  
   }); 
});
<a href="" class="rozwin">hide and show</a>
于 2012-06-14T13:45:37.233 に答える