2017-01-31 134 views
0

我有一个未知数量的“选项”或色板,其形状为方形的div。因为选项的数量总是未知的,我不能为它们分配一个ID。我试图做到这一点,当一个选项被点击时 - 它会扩大。它可以使用以下jq:选择一个被识别为类的个别对象

$(document).ready(function() { 

    $(".option").on("click",function() { 
     $(this).width("500px"); 
     $(this).height("500px"); 
     $(this).css("background-color", "#FFB2B2"); 
     $(this).css("background-color", "#FFB2B2"); 
    }); 

    $(".option").click(function() { 
     $(this).off("click"); 
    }); 

}); 

但是,每个“.option”类都会缩放,可能会有100个。有人没有解决办法吗?

+0

与_个别object_你的意思是一个或所有具有'.option'类? – LGSon

+0

他们都有类“选项”。我试图指出,分配一个ID不适用于这种情况。希望这能说明问题!! –

+0

发布重现问题的最小工作代码片段 – LGSon

回答

1

您已将您的点击事件附加到document而不是特定的选项元素。尝试将其连接到option类:

$('.option').on('click', function(e) { 
    $(this).toggle({ effect: 'scale', percent: 300 }); 
}); 

在你的文件加载功能将这个代码。

+0

糟糕的小姐对我来说,我希望我注意到这一点。我解决了这个问题,但仍然不能工作。我读过的所有内容都表明,如果我正确地理解了这一点,那么“关闭”应该消除“开启”所做的一切。 –

相关问题