Question

http://jsfiddle.net/DH8HQ/1/

    function itemInSpot(drag_item,spot)
{
var oldSpotItem = $(spot).find('img');
if(oldSpotItem.length>100) {
    oldSpotItem.appendTo('#itembox4').draggable({ revert: 'invalid' });
}
var item = $('<img />');
item.attr('src',drag_item.attr('src')).attr('class',drag_item.attr('class')).appendTo(spot).draggable({ revert: 'invalid' });
drag_item.remove(); // remove the old object
}

 $(document).ready(function() {
$("img").draggable({ revert: 'invalid'});

$("#itembox4").droppable()
$("#pricebox").droppable({ accept: '.price'})
$('#pricebox').droppable({ accept: '.price'});
$('#pricebox,#pricebox,#itembox4').bind('drop', function(ev,ui) {  itemInSpot(ui.draggable,this); });

$('#clone_button').click(function() {
    $('#clone_wrapper div:#pricebox')
        .clone()
        .append('')
        .appendTo($('#clone_wrapper'));
})
});
$('#filter').change(function(){
    $('#itembox4 img').hide();
    $('#'+$(this).val()).show();
});

当您加载清单框#itembox4中的所有图像时显示。我需要更改它，因为一旦完成，框中将包含超过800个图像。目前，当页面加载时，过滤器选项显示“选择”，但没有一个图像具有“选择”类。

所以我的问题是
在通过下拉菜单选择过滤器选项之前，如何隐藏所有图像。

Answer 1

像这样：

 $('#itembox4 img').hide();

请参阅http://jsfiddle.net/DH8HQ/2/

隐藏选择过滤器中包含的图像onload

1 个答案: