Question

当我点击链接时，内容会向右滑动并向左滑动。它无法正常工作。我已经提到过css，html和jquery内容

jQuery：

        $(".ques1").on("click", function () {
            $("#page1").hide("slide", { direction: "right" }, 1200);
            $("#page2").delay(1200).show("slide", { direction: "left" }, 1200);
        });

HTML：

 <div class="content" id="page1">
                <ul>
<li><label><input type="radio" name="ques1" class="ques1" value="label1">label1</label></li>
<ul>
        </div>


    <div class="content" id="page2">
            -------
    </div>

CSS：

    .content{
    background:#0381BC;
    position:absolute;
    right:0;
    top:20%;
    padding:30px 20px;
    border-radius:10px 0 0 10px;
    width: 25%;
    opacity:0.9;
    }
    #page2{
    display:none;
    }

我没有使用ques1类我已经包含了jquery.min.js

Answer 1

问题出在这条线上。隐藏并显示???

 $("#page1").hide(show("slide", { direction: "right" }, 1200));

将其更改为此

$("#page1").hide("slide", { direction: "right" }, 1200);

<强> Working Demo

你还包括了jquery UI库。

向左滑动不在jquery中工作

1 个答案: