Выберите HTML-атрибут данных с определенным значением

0

Код html

<div id="slider">
    <?php
    while($gal = mysql_fetch_assoc($gallerydb))
        {?>
        <img data-store="<? echo $gal["ImageID"] ?>" src="SiteAdministration/ControlCenter/Gal/<? echo $gal["ImgPfad"] ?>"><?
        }?>
</div>

Код jQuery

$(document).ready(function() {

      $('#slider img[data-store='" + 2 + "']').fadeIn(300);

});

Код html показывает div с конструкцией while, которая получает все изображения из определенной папки и добавляет идентификатор из базы данных (числа).

Код jQuery показывает мою попытку выбрать img с определенным значением атрибута данных.

Проблема в том, что img не исчезнет, я предлагаю, чтобы я испортил селектор.

Другой вопрос: как я могу заставить его работать, так что селектор начинает с наименьшего номера идентификатора и заканчивается самым высоким, потому что идентификатор может измениться.

Заранее спасибо.

РЕДАКТИРОВАТЬ:

Чтобы решить мою проблему с изменением ID, я просто создал другую переменную, которая автоматически увеличивается. Если кто-то хочет знать решение.

<div id="slider">
    <?php
    $id = 1;
    while($gal = mysql_fetch_assoc($gallerydb))
        {?>
        <img data-store="<? echo $id++ ?>" src="SiteAdministration/ControlCenter/Gal/<? echo $gal["ImgPfad"] ?>"><?
        }?>
</div>

sliderStart = 1;
sliderNext = 2;

$(document).ready(function() {

$('#slider img[data-store="' + 1 + '"]').fadeIn(300);
startSlider();

});

function startSlider(){

count = $('#slider img').size();

loop = setInterval(function(){

    if(sliderNext > count) {        
        sliderNext = 1;
        sliderStart = 1;        
    }

    $('#slider img').fadeOut(300);
    $('#slider img[data-store="' + sliderNext + '"]').fadeIn(300);

    sliderStart = sliderNext;
    sliderNext = sliderNext + 1;

}, 3000)

}
  • 3
    У вас есть несоответствие цитаты. Do $('#slider img[data-store="' + 2 + '"]').fadeIn(300); Посмотрите на вашу консоль для подсказок.
  • 0
    иисус христос .... пора сделать перерыв, я думаю ... -.- Большое спасибо :) Есть идеи, как сделать мин / макс ID?

1 ответ

0
Лучший ответ

Что сказал PSL, ваши двойники и синглы - неправильный путь.

Кроме того, я бы не использовал дефисы в ваших пользовательских атрибутах html.

  • 0
    Что не так с использованием дефисов? Есть идеи, как заставить работать второй вопрос?
  • 0
    msgstr "я бы не использовал дефисы в ваших пользовательских атрибутах html" ? Почему? Это действительный атрибут data-* HTML5.
Показать ещё 3 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню