Question

我制作了标签。每个标签包含一个div。我想使用if else条件从左到右滑动div内容。但我检查了警报框。但它没有用。这是我的代码。

$('.tabs').click(function() {
if ('.tabs :nth-child(even)')
    {
  alert("11111");
  $('.tab-content').hide("slide", {
    direction: "left"
  }, 1000);
  alert("222222");
  $('.tab-content').show("slide", {
    direction: "left"
  }, 1000);
  alert("3333333");} 
    else 
   {
     $('.tab-content').hide("slide", {
    direction: "right"
  }, 1000);
  alert("777777");
  $('.tab-content').show("slide", {
    direction: "right"
  }, 1000);
  alert("6666666");
  }
});

Answer 1

问题出在你遗失的click事件中$，而if条件错误。

JSFIDDLE

这是一个检查偶数或奇数索引的演示代码：

＆＃13;

$('div').click(function() {
  //do something different based on whether even or odd div
  if ($(this).is(':even')) {
    $(this).html('even');
  } else {
    $(this).html('odd');
  }
});

＆＃13;

   
<div>one</div>
<div>two</div>
<div>three</div>
<div>four</div>

＆＃13;

编辑：如果您不想使用奇偶概念，您可以toggle。最简单的无错方法之一就是按照我的方式完成小提琴。

<强> YOUR FIDDLE UPDATED

编辑2： CHECK THIS OUT TO SHOW ONLY TARGET CONTENT

使用jquery html css滑动Div内容

1 个答案: