Question

我有一个滑块显示从垂直滚动

中的数据库中获取的80多张图像

以下是运行时的代码

<div class="albums-div">
        <ul class="slides" style="width:148px; height:148px">

            <?php

                  foreach($rings as $ring)
                  {
                    echo '<li> <input class="teringimage"  type="image" src="'. $ring['ringThumbNailImagePath'] .'" name="checked" value="' . $ring['id'].'" data-my-info="'. $ring['ringSetName'] .'" style="width:143px; height:143px;"></li>';
                  }            
             ?>
        </ul>
    </div>

在某些时候，我想再次进行查询。目的是删除所有图像，然后用里面的新图像替换。

以下是代码

 jQuery('#albums-div ul.slides').empty();
                            jQuery.each( msg.data, function( i, val ) 
                            {
                                jQuery('#albums-div ul.slides').append('<li> <input class="teringimage"  type="image" src="'+val['ringThumbNailImagePath']+'" name="checked" value="' + val['id']+'" data-my-info="'+val['ringSetName'] +'"  width="150" height="150"></li>');
                            });

现在msg.data是从db获取的数组。它不是空的，但是既没有删除图像也没有添加新图像。

任何想法

Answer 1

在您的jQuery选择器中使用.（用于类）而不是#（用于id＆＃39; s）

回答你的评论：将事件绑定到动态添加的元素时，请确保使用.on。

jsFiddle

在你的情况下（如Manoj Yadav所说）：

$('.albums-div ul.slides').on('click', '.teringimage', function() {

});

Documentation

通过在运行时删除旧图像将图像添加到div

1 个答案: