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事件的功能 - 单独点击

回答

相关问题