1

谁能告诉我为什么这可能行不通

Drupal.behaviors.toggleGroups = {
  attach:function(context, settings) {
    for (var i = 1; i < 8; i++) {
      $('#edit-group-' + i.toString() + '-toggle').unbind('click').click(function(i) {
        $('#category-' + i.toString()).slideToggle();
      });
    }
  }
};

但是这个丑陋的东西很好用

Drupal.behaviors.toggleGroups = {
  attach:function(context, settings) {
    $('#edit-group-1-toggle').unbind('click').click(function() {
      $('#category-1').slideToggle();
    });
    $('#edit-group-2-toggle').unbind('click').click(function() {
      $('#category-2').slideToggle();
    });
    $('#edit-group-3-toggle').unbind('click').click(function() {
      $('#category-3').slideToggle();
    });
    $('#edit-group-4-toggle').unbind('click').click(function() {
      $('#category-4').slideToggle();
    });
    $('#edit-group-5-toggle').unbind('click').click(function() {
      $('#category-5').slideToggle();
    });
    $('#edit-group-6-toggle').unbind('click').click(function() {
      $('#category-6').slideToggle();
    });
    $('#edit-group-7-toggle').unbind('click').click(function() {
      $('#category-7').slideToggle();
    });
  }
};

理想情况下，我想做一些事情，例如“选择器返回结果做某事” - 问题是我需要增量数字，每次点击都会切换一个单独的div。可能我只是在想这一切都是错误的，但无论如何，我无法弄清楚为什么我所拥有的东西是无效的......

在您使用它的同时，任何关于 jQuery once() 方法的建议，所以我不必取消绑定/绑定点击处理程序也将不胜感激......

谢谢你！

4

2 回答 2

3

经典的关闭问题..

尝试这个

Drupal.behaviors.toggleGroups = {
  attach:function(context, settings) {
    for (var i = 1; i < 8; i++) {
      (function(num){
         $('#edit-group-' + num + '-toggle')
                                    .unbind('click').click(function(num) {
            $('#category-' + num).slideToggle();
         });
      })(i)
    }
  }
};

到函数被分配时，变量i共享相同的内存位置。所以它总是指向i 的最后一个实例

于 2012-12-13T23:21:18.220 回答
2

这是“iditis”的常见情况。如果你使用两个通用类，一切都会更容易操作。去掉 ids 并添加类，edit-group-toggleand category，然后你可以通过索引来获取它们对应的目标：

attach: function( context, settings ) {
  $('.edit-group-toggle').click(function() {
    $('.category').eq( $(this).index() ).slideToggle();
  });
}
于 2012-12-13T23:31:44.093 回答