【问题标题】:Move a div class with javascript用 javascript 移动一个 div 类
【发布时间】:2016-07-27 14:02:31
【问题描述】:

我正在开发一个单页网站,我创建了一个three sliders and menu to activate each slider(默认情况下第一个滑块处于活动状态)

我使用 javascript 方法将类 .is-active 移动到另一个 html 元素以显示它。但没有任何工作。你能帮我吗?

  jQuery(document).ready(function(e) {
   $('.menu a').click(function(e){
      e.preventDefault();
      $('.slider.is-active').removeClass('is-active');
      $('.slider:eq('+$(this).data('index')+')').addClass('is-active');
      $('.c-tabs-nav__link.is-active').removeClass('is-active');
      $('#bt-category-actu .c-tabs-nav__link:eq('+$(this).data('index')+')').addClass('is-active');
 });

});

谢谢

【问题讨论】:

  • 您可以在检查浏览器控制台时看到错误消息。

标签: javascript jquery class move


【解决方案1】:

如果您试图获取“菜单 a”(锚标记)的索引并使相同索引的 .slider 处于活动状态,请尝试

$(this).index()

而不是

$(this).data('index')

因为 $(this).data('index') 将返回 'undefined'

【讨论】:

  • 此解决方案也不起作用,谢谢您的帮助。 ...我找到了解决方案,我忘记在我的菜单中添加 data-index ...
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-11-05
  • 1970-01-01
  • 2016-02-04
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多