1

現在、クリックするとテキストが一時停止から再開に変わるボタンがあります。これには jQuery とトグルを使用します。

$(document).ready(function() {
    $("#pause").click(function() {
      $("td").toggle();
      $(this).html($(this).html() == "Pause" ? "Resume" : "Pause");
    });
});

これはすべて機能します。私も2つの機能を持っています:

function pauseTimer() 
function startTimer()

これら 2 つの関数をトグル コードに「統合」するにはどうすればよいですか? したがって、一時停止を押すと、テキストが再開pauseTimer()に切り替わり、機能も使用され、もう一度ボタンを押すと、テキストが一時停止に戻り、StartTimer()?も使用されます。

ありがとう

4

9 に答える 9

1

jQuery is visible メソッドを使用できます。

if ($('td').is(":visible"))
{
pauseTimer();
}
else
{
startTimer()
}

ダン

于 2013-11-12T14:25:29.673 に答える
1

別のオプションは、次のことを行うことです。

//jQuery 1.8 toggle replacement
$.fn.toggleClick = function(){
    var methods = arguments,
        count = methods.length;
    return this.each(function(i, item){
        var index = 0;
        $(item).click(function(){
            return methods[index++ % count].apply(this,arguments);
        });
    });
};

function startTime() {
    $("td").toggle();
    $(this).val("Start");
}

function pauseTime() {
    $("td").toggle();
    $(this).val("Pause");
}

$("#clickme").toggleClick(startTime,pauseTime);

JSFiddle

于 2013-11-12T14:34:23.327 に答える