我有一个带有大图像滑块和一个小缩略图网格的画廊,但我需要一个 javascript 函数来交换和重用这个函数来交互式加载新图像和缩略图。如何将开始参数传递给 Jquery 函数以填充图像滑块和网格?目前,我正在使用start参数将href写入文档,并且在document.load函数中,我废弃了这个href并触发了一个getjson函数以从我的数据库中提取记录?
这是我的 Jquery,它在我的菜单 li 文档子树中查找第一个 href,并将其用作 get 参数从我的数据库中提取记录:
$j("#tx-gallery-pi1 #menu li").click(function() {
$j.getJSON($j(this).find('a').attr('href'), function(json) {
var container = $j('#tx-gallery-pi1 #container');
container.masonry();
$j.each(json, function(idx, ele) {
container.append($j("#brickTemplate").tmpl(ele).css({
"display": "block"
})).masonry('reload');
container.imagesLoaded(function() {
// bricks correct height
var brick = $j("#tx-gallery-pi1 #container .brick");
brick.each(function() {
var content = $j(this).find(">div");
var img = $j(this).find("img");
content.css({
height: img.attr("height")
});
});
});
});
});
return false; // don't follow the link!
});
}
当你用php创建一个HTML文档时,你可以说
<script>
var startvar ='<?php echo($yourvariable); ?>';
</script>
并稍后在站点中使用它。
您可以使用 AJAX 更新输出文档。
你应该在控制器上将PHP拆分为不同的操作(比如get_thumbnails和get_image每个部分的html代码),使用jQuery你可以做"$(thumbnails_container).load('/get_thumbnails.php')",如果你至少输入相关的代码,它会更容易回答
检查 jQuery 的加载方法的文档,如果你需要发布或获取参数