37

複数の場所で次のコードを見つけて、左右にスライドさせました。

$('#hello').hide('slide', {direction: 'left'}, 1000);

しかし、私はそれを働かせることができません。ここに私が試している最小限のテストがあります:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us">
<head>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script>
    $(document).ready(function() {
        $("#test").click(function() {
            $('#hello').hide('slide', {direction: 'left'}, 1000);
        });
    });
   </script>
</head>
<body>
    <article >
        <div id="hello">
            Hello       
        </div>
        <p><span id="test">Test</span>
    </arcticle>
</body>

Chrome と Safari で試しましたが、うまくいきません。

何が問題ですか？左右にスライドする他の作業方法はありますか?

4

4 に答える 4

68

jQueryUI を使用せずにその効果を簡単に得ることができます。次に例を示します。

$(document).ready(function(){
    $('#slide').click(function(){
    var hidden = $('.hidden');
    if (hidden.hasClass('visible')){
        hidden.animate({"left":"-1000px"}, "slow").removeClass('visible');
    } else {
        hidden.animate({"left":"0px"}, "slow").addClass('visible');
    }
    });
});

この作業フィドルを試してください：

http://jsfiddle.net/ZQTFq/

于 2013-02-12T00:20:15.587 に答える
60

$('#hello').hide('slide', {direction: 'left'}, 1000);jQuery-ui ライブラリが必要です。http://www.jqueryui.comを参照してください。

于 2013-02-12T00:08:37.640 に答える