Question

单击切换时我正在尝试更改内容。当我点击切换时，我设法让它更改文本，但是当我再次点击它时它保持不变。我希望它将其恢复为初始值，因此它就像真正的切换一样。

使用Javascript：

$( ".switch a" ).on("click", function() {
    $(".switch a").removeClass("active"), $(this).addClass("active"),$('.interval').text('yearly');
});

Codepen：

http://codepen.io/anon/pen/xbEmrM

Answer 1

看起来你想要文字＆＃34;每年＆＃34;当.switch a没有类active时，如果有的话，那就是最初的那些。如果是这样，您需要存储文本然后将其还原。（另外：不要使用逗号运算符，分号更有意义。）

$( ".switch a" ).on("click", function() {
    // Grab the elements we care about
    var $this = $(this),
        $interval = $('.interval');

    // Currently have 'active'?
    if ($this.hasClass('active')) {
        // Yes, remove it, store the current $interval text, and set it to 'yearly'
        $this.removeClass('active');
        $interval.data('original-text', $interval.text()).text('yearly');
    } else {
        // No, put it back and restore the original $interval text
        $this.addClass('active');
        $interval.text($interval.data('original-text'));
    }
});

使用jQuery更改内容

1 个答案: