个人中心
gpt4 book ai didi

jQuery 函数参数无法正常工作

转载 作者：行者123 更新时间：2023-12-01 06:43:28 26 4
gpt4 key购买 nike

我有以下脚本:

<!doctype HTML>
<html lang = "en">
    <head>
        <title>Learn jQuery</title>
        <link rel = "stylesheet" href = "CSS/style.css">
        <script type = "text/javascript" src = "scripts/java.js"></script>
        <script type = "text/javascript" src = "scripts/jquery.js"></script>
    </head>
    <body>
        <div id = "main">Click to Show and Hide <button id = "btnA">+</button></div>
        <div id = "box">Some content.</div>
        <script>
            $(document).ready(function()
            {
                $("#btnA").click(function()
                {
                    $("#box").slideToggle(2000);

                    // code block in question
                    if  (val == "+")
                    {
                        $(this).html("-");
                    }
                    else if  (val == "-")
                    {
                        $(this).html("+");
                    }
                });
            });
        </script>
    </body>
</html>

我希望将有问题的代码块转换为可重用的函数，如下所示:

function toggleContent(target, contentA, contentB)
{
    var val = $(target).html();
    if  (val == contentA)
    {
        $(this).html(contentB);
    }
    else if (val == contentB)
    {
        $(this).html(contentA);
    }
}

但是，当我调用 toggleContent("#btnA", "+", "-"); 时，它不起作用。有人可以指出我的错误吗？ TIA。

到目前为止，建议的更改不起作用，即使是 DEMO 也是如此。有人可以帮忙吗？

最佳答案

Arkadiusz G的评论可能会给你答案。

改变

function toggleContent(target, contentA, contentB)
{
    var val = $(target).html();
    if  (val == contentA)
    {
        $(this).html(contentB);
    }
    else if (val == contentB)
    {
        $(this).html(contentA);
    }
}

至

function toggleContent(target, contentA, contentB)
{
    var val = $(target).html();
    if  (val == contentA)
    {
        $(target).html(contentB);
    }
    else if (val == contentB)
    {
        $(target).html(contentA);
    }
}

更新

还要添加这个

$(function(e){
$('body').on('click','#btnA','',function(){
   toggleContent("#btnA", "+", "-");
});

});

DEMO HERE

关于jQuery 函数参数无法正常工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53552083/

26 4 0
文章推荐： jquery - 根据复选框添加/删除类
文章推荐： python - Tensorflow GPU 未使用，但明显可用
文章推荐： glsl - 在 GLSL 中传递值的最快方法是什么？
文章推荐： java - Android 画一条线来跟随你的手指
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com