如何让jquery滑块适用于数据库中的不同数据集？
如何让jquery滑块适用于数据库中的不同数据集？
提问于 2017-01-31 19:49:33
我正在做一个查询插件滑块，看起来很像脸书喜欢照片网格，滑块是工作漂亮的well.My应用程序有类似于脸书和领英的功能，其中有posts.Each的帖子可能有这些图片滑块，其图像路径从数据库将是不同的不同的$msg_ids.This滑块工作只有一个post.If我刷新页面所有的帖子都没有图像，除了一个post.How解决了吗？我想让滑块在不同的情况下工作：
<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>回答 1
Stack Overflow用户
发布于 2017-01-31 20:08:21
既然你在同一个视图中混合了PHP，HTML和JavaScript，为什么不试试这个：
<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>这假设您的imagesGrid方法中的图像对象接受每个图像路径作为字符串，所以如果您的$imagePathArray是：
array("/img/image1.png", "/img/image2.php", "/img/image3.png");脚本的相关部分本质上应该是：
$('#gallery7').imagesGrid({
images:"/img/image1.png","/img/image2.png", "/img/image3.png",
align: true,
getViewAllText: function(imgsCount) { return 'View all' }
});我希望这能帮到你,
肖恩。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/41956829
复制相关文章
相似问题
腾讯云开发者
