jquery - 回调函数问题 jquery

Question

我对回调函数中的 if 有疑问，我不明白为什么。

单击 div 后，文本会按我的意愿更改，但在第一次拍摄后它不再起作用。

我的代码是：

<div id="2">message</div>
<div id="1">dfdfgdfgrr</div>

<script src="jquery.js"></script>
<script>
$(function () {

$('#2').toggle();

function test() {
    $(document).on('click', '#1', function () {
        $('#2').toggle(300, function() {
            if($('#1').text('show')){
                $('#1').text('hide');
            }else{
                $('#1').text('show');
            }
        });
   });
}

test();


});
</script>

http://jsfiddle.net/manguo_manguo/cydjY/

Answer 1

其他解决方案是正确的，但第一次没有显示显示标签。

这是一个完整的解决方案：

$(function () {

$('#2').toggle();

function test() {
    $(document).on('click', '#1', function () {
        $('#2').toggle(300, function() {
            if($('#1').text() == 'hide'){
                $('#1').text('show');
            }else{
                $('#1').text('hide');
            }
        });
   });
}

test();
$('#1').text('show');
});

在这里尝试一个例子

Answer 2

$('#1').text(function(i, t) { return t == 'show' ? 'hide' : 'show' });

Answer 3

      if($('#1').text() === 'show'){
            $('#1').text('hide');
        }else{
            $('#1').text('show');
        }

Answer 4

您正在使用$('#1').text("show")而不是$('#1').text() == "show"

$('#2').toggle();

function test() {
    $(document).on('click', '#1', function () {
        $('#2').toggle(300, function() {
            if($('#1').text() == 'show'){
                $('#1').text('hide');
            }else{
                $('#1').text('show');
            }
        });
   });
}

test();