Question

我有以下jquery。

$(function() {
$('div#slideshow').append('<img src="images/forsiden/grans_julebrus.jpg" /><img src="images/forsiden/cappelen_hippo.jpg" /><img src="images/forsiden/capplen_grandmarap.jpg" /><img src="images/forsiden/agm_peace.jpg" /><img src="images/forsiden/cappelein_aboriginee.jpg" />');
...
...

我想用php动态添加所有图片。

<?php echo $images; ?>

我有什么方法可以做到吗？

Answer 1

如果JS函数在它自己的.js文件中，那么默认情况下你不能在里面注入PHP代码。

一种方法是使用隐藏的输入字段（或隐藏的div等）隐藏文档中的文件名，并使用jQuery来获取它们，或者您可以使用jQuery的AJAX函数从PHP处理程序请求文件名。

Answer 2

免责声明：我忘记了如何随着时间的推移编写PHP代码，所以你必须自己想出那部分。

我在PHP中编写JavaScript。例如：

echo "myImages = new Array();";

然后你创建一个for循环，为每个图片写

echo "myImages[".$i."] = ".$TheImageSrc;

加载js文件后，Javascript可以访问该数组并通过

加载来自它的图像

var images = '';
for (var i=0;i<myImages.length;i++){
   images .= '<img src="'+myImages[i]+'" />';
}
$('div#slideshow').append(images);

编辑1

优化了JS部分

Answer 3

$(function() {
$('div#slideshow').append("<?php echo $images; ?>");
});

我可以动态更改jquery中的项目吗？

3 个答案:

编辑1