javascript - 从链接中添加/删除 div 类 - jQuery

Question

我已经在这里玩了足够多的时间来达到现在的水平，但是我需要一些帮助来克服障碍……就像我想的每个人一样！

我正在尝试这样做，因此当您单击链接（.clickable）时，它会将宽度从 span3 更改为 span6。

.clickable 链接位于 div 内，这是该类需要更改的链接 - .block 是我在同位素中用于项目选择器的内容。

链接：

<a class="clickable" href="#enlarge-article"><i class="icon-fullscreen"></i>&nbsp;&nbsp;<strong>Enlarge</strong></a>

Javascript：

var $container = $('#portfolio');   
$container.delegate( '.block', 'click', function(){
      $(".block").removeClass('span3').addClass('span6').siblings().removeClass('span6').addClass('span3');
  $container.isotope('reLayout');
});

更新的类错字 - 现在出现在 .js 中

Answer 1

您说处理程序适用于 .clikable 元素。

也使用.on() 代替.delegate()

尝试这个

var $container = $('#portfolio');   
$container.on( 'click','.clickable', function(e){
    e.preventDefault();
    // If you want to affect all the .block divs
    $(".block").removeClass('span6').addClass('span3');
    // If you want to affect only the block in which the anchor was clicked
    //$(this).closest('.block').removeClass('span6').addClass('span3');
    $(this).removeClass('span3').addClass('span6');
    $container.isotope('reLayout');
});

Answer 2

尝试这个：

var $container = $('#portfolio');   
$container.delegate( '.block', 'click', function(){
    $(".block").removeClass('span6').addClass('span3');
    $(this).removeClass('span3').addClass('span6');
    $container.isotope('reLayout');
});