jquery – 一键一个功能,第一次点击另一个

前端之家收集整理的这篇文章主要介绍了jquery – 一键一个功能,第一次点击另一个前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想要一个按钮来执行两个 jquery函数.第一次点击一次,然后第二次点击另一次.这是两个按钮的代码.有没有办法结合功能
<input type="button" value="View Page" onclick="ViewPage()" />

<script type="text/javascript">
function ViewPage() {
example_animate('-=50%');
$("#mainContent").toggle();
}
</script>

<input type="button" value="View Menu" onclick="ViewMenu()" />

<script type="text/javascript">
function ViewMenu() {
example_animate('+=50%');
$("#mainContent").toggle();
}
</script>

解决方法

尝试这样的事情 – DEMO
var action = 1;

$("input").on("click",viewSomething);

function viewSomething() {
    if ( action == 1 ) {
        $("body").css("background","honeydew");
        action = 2;
    } else {
        $("body").css("background","beige");
        action = 1;
    }
}

所以在你的情况下它会

function viewSomething() {
    if ( action == 1 ) {
        example_animate('-=50%');
        action = 2;
    } else {
        example_animate('+=50%');
        action = 1;
    }
    $("#mainContent").toggle();
}
原文链接:https://www.f2er.com/jquery/177080.html

猜你在找的jQuery相关文章