如何在 jquery 1.9 中使用 .toggle答案

【问题标题】：how to use .toggle with jquery 1.9如何在 jquery 1.9 中使用 .toggle
【发布时间】：2013-03-31 19:38:02
【问题描述】：

我正在尝试在 jquery 1.9 中使用切换方法，但它已被删除，这是一个切换 div 内容的简单示例 http://jsfiddle.net/Y5pFe/1/ 代码：

<div class="divone"></div>
$(document).ready(function(e) {
$('.divone').toggle(function() {
$(this).text("click one");
}, function() {
$(this).text("click two");
}); 
});

请问有什么替代方法？

【问题讨论】：

标签： toggle jquery-1.9

【解决方案1】：

$( document ).ready(function() {
var flag=0;
$('div.divone').on('click', function(){

    var menu = $(this);

     if(flag==0)
       {

            menu.text("click one");

            flag=1;
            return;
        }

        if(flag==1)
        {

            menu.text("click two");

            flag=0;
            return;
         }





    });
});

【讨论】：

【解决方案2】：

我只会使用.click 并将属性分配为标志：

<div class="divone"></div>
$(document).ready(function(e) {
$('.divone').click(function() {
    if($(this).hasClass("clicked")) {
        $(this).text("removing click");
        $(this).removeClass("clicked");
    } else {
        $(this).text("adding click");
        $(this).addClass("clicked");
    }
}); 
});

【讨论】：