javascript - 将每个循环变量传递给 Javascript 函数

Question

图像存储在单独的文件夹中。

文件夹和图像都保存在数据库中。在我的图库页面中，它们分两步从数据库中显示出来。

1. 从 db 中检索文件夹并在图库页面中列出
2. 点击文件夹时，会列出图像。

到目前为止，我已经将数据从数据库传递到 View 。以下是我的 Controller 代码。

function image_show() {
    $this->load->model('gallery_model');
    $data['folder_info'] = $this->gallery_model->get_folder_names();
}

我的 View 代码如下:

<?php foreach($folder_info as $show){ ?>
<a class="glyphicon glyphicon-folder-close" style="font-size: 100px;" aria-hidden="true" onclick="imageslide(' .$show['folder_name'] .');" ></a>    
<?php } ?>

从上面的代码中，文件夹列在图库页面中。我在尝试从 php foreach 循环中传递 $show['folder_name'] 以便生成图像 slider 时感到震惊。我的脚本是

function imageslide(name) {
    alert(name);
}

显示给我的错误是

gallery:194 Uncaught SyntaxError: missing ) after argument list

请帮帮我!

Answer 1

您应该在 php block 中传递 $show['folder_name'] 变量，即:

<?php foreach($folder_info as $show){ ?>
<a class="glyphicon glyphicon-folder-close" style="font-size: 100px;" aria-hidden="true" onclick="imageslide('<?php echo $show['folder_name'] ?>');" ></a>
<?php } ?>