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

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; ?>");
});