0

私はよくここで助けを見つけます。私は調査を行いましたが、論理的には、これらの 2 つの方法のいずれかで機能するはずですが、機能しません。＃1または＃2をクリックすると、テキストが別の要素で切り替えられますが、それ自体のhtmlまたはテキストは変更されません。気にしません。id="rita" と id="filip" の場合と同様に、要素 id="1" と id="2" のクリックで 2 つのテキストを変更したいと思います。おそらくそれは単純ですが、私は立ち往生しています、事前に感謝します:)

$(document).ready(function() {
$("#rita").hide();
$("#filip").hide();

$("#1").click(function()  {
    $("#rita").toggle(200);
    $("#1").toggle(     function(){
                        $("this").html("-Sveta Rita");},
                        function(){
                        $("this").html("+Sveta Rita");}
                   );

    });

$("#2").click(function()  {
    var originalValue = $(this).val();
    $(this).val(originalValue == '-Sveti Filip' ? '+Sveti Filip' : '-Sveti Filip');

    $("#filip").toggle(200);



    });

});
4

1 に答える 1

1

2つのtoggle()関数を切り替えるバージョンは非推奨ですが、関数呼び出しを使用してtext()、返されたテキストをそこで切り替えると、機能するはずです。

$(document).ready(function () {
    $("#rita").hide();
    $("#filip").hide();

    $("#a1").on('click', function () {
        $("#rita").toggle(200);
        $(this).text(function () {
            var current_value = $.trim($(this).text());
            var return_value  = "";

            if (current_value == '-Sveta Rita') {
                return_value = '+Sveta Rita';
            }else{
                return_value = '-Sveta Rita';
            }

            return return_value;
        });
    });

    $("#a2").on('click', function () {
        $("#filip").toggle(200);
        $(this).text(function () {
            return $.trim($(this).text()) == '-Sveti Filip' ? '+Sveti Filip' : '-Sveti Filip';
        });
    });
});

フィドル

また、IDには数字だけを含めるべきではありません！

于 2013-02-23T21:13:27.683 に答える