Click事件的功能 - 單獨點擊

http://jsfiddle.net/3eMGR/16/Click事件的功能 - 單獨點擊

我試圖讓這個第一個點擊它顯示2行，然後在第二次點擊是顯示3行

我該怎麼辦做兩個單獨的事件？

感謝大家的幫忙！

2012-09-27 sgerbhctim

它必須是相同的點擊處理程序，但您可以使用變量來跟蹤點擊數。

var clickTarget = 2; 
$("button").click(function() { 
    var selector = "." + clickTarget.toString(); 
    $(selector).css("display","inherit"); 
    $(selector).show(); 
    clickTarget++;   
});

Demo

來源

2012-09-27 04:12:34 McGarnagle

完美..非常感謝！ – sgerbhctim

順便說一句，'1'不是一個有效的類名：http://stackoverflow.com/questions/448981/what-characters-are-valid-in-css-class-names – Blender

像這樣的工作：

$("button").click(function() { 
    $(".2").show(); 
    $('button').unbind('click').click(function(){ 
    $('.3').show(); 
    }); 
});

但是，做你想要什麼更好的辦法是，當你想添加的行實際動態添加的div。這說明here。

（我假設你真的想添加一行，按該按鈕的文本。）

此外，停止使用id屬性的多個元素。該ID應該是唯一。使用class屬性來設置元素集的樣式。

來源

2012-09-27 04:13:56 bdares

順便說一下，你的類名無效。他們必須以-或一封信開頭。我建議你修復它們。

不管怎麼說，你可以刪除類各.hidden元素，一個接一個：

$(document).ready(function() { 
    $("button").click(function() { 
     $(".hidden").first().removeClass('hidden'); 
    }); 
});

演示：http://jsfiddle.net/Blender/3eMGR/20/

來源

2012-09-27 04:14:14 Blender

請檢查THI fiddle這將動態地繼續儘可能多地添加行。

$('button').on('click', function() { 
       $row = $('div.row:first').clone(); 
       $('div.wraper').append($row); 
      });

來源

2012-09-27 04:16:21 Vins

Click事件的功能 - 單獨點擊

回答

相關問題