We are searching data for your request:
Upon completion, a link will appear to access the found materials.
kedi bnha x okuyucu:
<,div class="kategori listesi" id="kategori listesi">,
<,div id="cat-group" class="grid-contner_11 taşma yok">,
<,div class="üçte bir" id="cat-group-left">,
<,div class="ızgara sarma">,
<,div class="grid_1">,<,/div>,
<,div class="grid_1">,<,/div>,
<,div class="grid_1">,<,/div>,
<,/div>,
<,/div>,
<,div class="üçte bir" id="cat-group-right">,
<,div class="ızgara sarma">,
<,div class="grid_1">,<,/div>,
<,div class="grid_1">,<,/div>,
<,div class="grid_1">,<,/div>,
<,/div>,
<,/div>,
<,/div>,
<,/vücut>,
<,/html>,
Javascript Kodu:
var a = $('#cat-list-left').width(),
var b = $('#cat-group-left').width(),
var genişlik = ( a / 4 ) + "",
var yükseklik = ( b / 4 ) + "",
var grid_1 = "genişlik: " + genişlik + ", yükseklik: " + yükseklik,
$('#kedi-listesi-sol,#kedi-grubu-sol,#kedi-grubu-sağ').each(function(){
$(bu).find('.grid_1').each(function(){
$(bu).addClass(grid_1),
}),
}),
Bu kodu nasıl optimize edebilirim?
A:
Bu kodu buldum ve iyi çalışıyor:
HTML:
<,div class="kedi satırı">,
<,div class="grid_1 kedi grubu kedi grubu-sol">,
<,div id="cat-group-left">,<,/div>,
<,div class="grid_1">,<,/div>,
<,/div>,
<,div class="grid_1 kedi-grubu kedi-grubu-sağ">,
<,div id="cat-group-right">,<,/div>,
<,div class="grid_1">,<,/div>,
<,/div>,
<,/div>,
CSS:
.cat satırı {
yükseklik: %100,
ekran: tablo,
genişlik: %100,
}
.grid_1 {
genişlik:%100,
görüntüleme:tablo hücresi,
}
.cat grubu {
görüntüleme:tablo satırı,
}
.cat-group-left {
ekran: tablo satırı,
yükseklik: 0,
dolgu: 0,
}
.cat-group-right {
ekran: tablo satırı,
yükseklik: 0,
dolgu: 0,
}
.cat-group-sol, .cat-group-right {
kenarlık-alt: 1 piksel katı #999,
}
Ve js:
var grid_1 = $('.grid_1'),
var cat_group_left = $('.cat-group-left'),
var cat_group_right = $('.cat-group-right'),
$('.cat-group-left').click(function () {
cat_group_left.removeClass('in'),
cat_group_right.removeClass('in'),
cat_group_left.addClass('çıkış'),
cat_group_right.addClass('çıkış'),
}),
$('.cat-group-right').click(function () {
cat_group_left.removeClass('out'),
cat_group_right.removeClass('out'),
cat_group_left.addClass('in'),
cat_group_right.addClass('in'),
}),
$('gövde').click(function () {
$('.cat-group-left').removeClass('out'),
$('.cat-group-right').removeClass('out'),
$('.cat-group-left').addClass('in'),
$('.cat-group-right').addClass('in'),
}),
A:
Sanırım bunun nedeni kedi-grubu-sol ve kedi-grubu-sağ'ın aynı sınıfta olması.
Düzeltmek için iki satır kodunuzu şununla değiştirdim:
$('.cat-group-sol, .cat-group-right').click(function () {
$('.cat-group-left').removeClass('out'),
$('.cat-group-right').removeClass('out'),
$('.cat-group-left').addClass('in'),
$('.cat-group-right').addClass('in'),
}),
İşte bunun için JSFiddle.
DÜZENLE
Sanırım demek istediğin buydu:
$('.cat-group-sol, .cat-group-right').click(function () {
$('.cat-group-left').removeClass('out
