0

我经常在这里找到帮助，我做了我的研究，按照任何逻辑，这两种方法中的任何一种都应该有效，但它没有。当我单击 #1 或 #2 时，文本会在另一个元素中切换，但它不会更改自己的 html 或文本，我不介意。我想在点击元素 id="1" 和 id="2" 时更改 2 个文本，就像我在 id="rita" 和 id="filip" 中所做的一样。很可能它很简单，但是，我卡住了，在此先感谢:)

$(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

切换两个功能的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 回答