Question

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代码显示带有while结构的div，它从特定文件夹中获取所有图像，并从数据库中添加ID（数字）。

jQuery代码显示我尝试选择具有特定数据属性值的img。

问题是，img不会淡入，我建议我搞砸了选择器。

另一个问题是，如何使其工作，以便选择器以最低ID编号开始并以最高编号结束，因为ID可以更改。

提前致谢。

编辑：

为了解决我不断变化的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)

}

Answer 1

PSL说，你的双打和单打是错误的方式。

另外，我不会在自定义html属性中使用连字符。

选择具有特定值的html数据属性

1 个答案: