Javascript 如何使jquery滑块适用于数据库中的不同数据集？

我正在开发一个类似于facebook的photogrid的查询插件滑块，该滑块工作得非常好。我的应用程序具有类似于facebook和linkedin的功能，其中有帖子。每个帖子可能都有这些图片滑块，对于具有不同$msg_ID的不同帖子，其数据库中的图像路径将不同。此滑块仅适用于一篇帖子。如果我刷新页面，则除一篇帖子外，所有帖子都没有图像。如何解决此问题？。 我希望滑块适用于不同的：

 <div id="posts" class="post-image">

               $(function() {


            $('#gallery7').imagesGrid({
                images:$.parseJSON($('#img-paths').val()),
                align: true,
                getViewAllText: function(imgsCount) { return 'View all' }
            });

        });

    </script>


                  <p><?php echo $message; ?></p>
              </div>

代码如下： " />

               $(function() {


            $('#gallery7').imagesGrid({
                images:$.parseJSON($('#img-paths').val()),
                align: true,
                getViewAllText: function(imgsCount) { return 'View all' }
            });

        });

    </script>


                  <p><?php echo $message; ?></p>
              </div>

$（函数（）{
$（“#gallery7”）.imagesGrid({
图像：$.parseJSON（$（'#img路径'）.val（）），
对,，
getViewAllText:函数（imgsCount）{return'View all'}
});
});

               $(function() {


            $('#gallery7').imagesGrid({
                images:$.parseJSON($('#img-paths').val()),
                align: true,
                getViewAllText: function(imgsCount) { return 'View all' }
            });

        });

    </script>


                  <p><?php echo $message; ?></p>
              </div>

当您在同一视图中混合使用PHP、HTML和JavaScript时，为什么不尝试以下方法：

               $(function() {


            $('#gallery7').imagesGrid({
                images:$.parseJSON($('#img-paths').val()),
                align: true,
                getViewAllText: function(imgsCount) { return 'View all' }
            });

        });

    </script>


                  <p><?php echo $message; ?></p>
              </div>

<div class="post-image">
    <?php $imagePathArray = explode(',',$uploads); ?>
    <div id="gallery7" ></div>
    <p><?php echo $message; ?></p>
</div>
<footer>
    <script type="text/javascript">
        $(function() {
            $('#gallery7').imagesGrid({
                images:
                    <?php foreach($imagePathArray as $data): ?>
                        "<?php echo $data ?>",
                    <?php endforeach; ?>
                align: true,
                getViewAllText: function(imgsCount) { return 'View all' }
            });
        });
    </script>
</footer>

脚本的相关部分基本上应该是：

               $(function() {


            $('#gallery7').imagesGrid({
                images:$.parseJSON($('#img-paths').val()),
                align: true,
                getViewAllText: function(imgsCount) { return 'View all' }
            });

        });

    </script>


                  <p><?php echo $message; ?></p>
              </div>

$('#gallery7').imagesGrid({
    images:"/img/image1.png","/img/image2.png", "/img/image3.png",
    align: true,
    getViewAllText: function(imgsCount) { return 'View all' }
});

我希望这有帮助

               $(function() {


            $('#gallery7').imagesGrid({
                images:$.parseJSON($('#img-paths').val()),
                align: true,
                getViewAllText: function(imgsCount) { return 'View all' }
            });

        });

    </script>


                  <p><?php echo $message; ?></p>
              </div>

---

Shaun.

因为它有多个图像，我想我不能像那样使用foreach。一篇文章可能也包含多个图像。@Shaun Bebbers对我来说，滑块可以工作，但只有一篇文章，以前上传过。因为还有其他文章有不同的图像集和$message。对不起，

图像：

参数在这个对象是复数形式，这让我很困惑。我想你可以在foreach循环中包装一个

{}

，比如

images:{“”）

这将获得与您的示例相同的结果。如果您对$\u POST数据有困难，请使用

查看其内容，而不是该帖子。它就像facebook或linkdein中的POST u更新。我指的是该帖子。而不是$\u POSTanyways。感谢您的帮助@Shaun我得到了我的解决方案。它可以实现如下”为隐藏输入的id编号。在这种情况下，改变
               $(function() {


            $('#gallery7').imagesGrid({
                images:$.parseJSON($('#img-paths').val()),
                align: true,
                getViewAllText: function(imgsCount) { return 'View all' }
            });

        });

    </script>


                  <p><?php echo $message; ?></p>
              </div>