Javascript PHP创建动态链接，如何在单击Jquery时调用正确的div来执行AJAX调用
我在实验室为内部研究创建了一个非常简单的图片库 我有一个文件名超过1000的数组，我可以从中调用每个数组，将其设置到一个表中，以5图像行乘5图像列的方式显示 初始链接是缩略图大小的图像，应该是指向同一图像的低分辨率版本的链接，我在一个名为lowres的目录中使用相同的文件名 我创建了一个带有文件名的隐藏输入字段，试图调用输入字段的值，并将其用作链接的实际值 如何使图像链接正常工作，以便使用AJAX调用调用低分辨率图像 以下是PHP代码： ====================Javascript PHP创建动态链接，如何在单击Jquery时调用正确的div来执行AJAX调用,javascript,php,jquery,html,ajax,Javascript,Php,Jquery,Html,Ajax,我在实验室为内部研究创建了一个非常简单的图片库 我有一个文件名超过1000的数组，我可以从中调用每个数组，将其设置到一个表中，以5图像行乘5图像列的方式显示 初始链接是缩略图大小的图像，应该是指向同一图像的低分辨率版本的链接，我在一个名为lowres的目录中使用相同的文件名 我创建了一个带有文件名的隐藏输入字段，试图调用输入字段的值，并将其用作链接的实际值 如何使图像链接正常工作，以便使用AJAX调用调用低分辨率图像 以下是PHP代码： ==================== $arr
$array = array("IMG_3944.jpg","IMG_3946.jpg","IMG_3947.jpg","IMG_3948.jpg","IMG_3951.jpg","IMG_3954.jpg","IMG_3955.jpg","IMG_3957.jpg","IMG_3958.jpg","IMG_3959.jpg","IMG_3960.jpg","IMG_3962.jpg","IMG_3963.jpg","IMG_3964.jpg","IMG_3965.jpg","IMG_3967.jpg","IMG_3971.jpg","IMG_3973.jpg","IMG_3980.jpg","IMG_3981.jpg","IMG_3983.jpg","IMG_3985.jpg","IMG_3990.jpg","IMG_3993.jpg","IMG_3996.jpg","IMG_4002.jpg","IMG_4005.jpg");
$l = count($array);
$z = $l/25;
?>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="js/scripts.js"></script>
<link rel="stylesheet" type="text/css" href="stylesheets/index.css">
</head>
<body>
<div class="mainContainer">
<div id="menuPages">
<?php
/*================= Page numbers =====================*/
echo '<table><tr>';
for($w = 1; $w < $z; $w++){
echo '<td><div class="page'.$w.'">'.$w.'</div></td><td>';
if($w == 13){
echo '</tr><tr>';
continue;
};
};
echo '</tr></table>';
?>
</div>
<div class="tableContainer">
<?php
$x = 0;
$y = 1;
$cut = 4;
$nxtpg = 24;
echo "<div id='page".$y."'><table><tr>";
for($x = 0; $x <= $l; $x++){
if($x <= $cut){
echo "<td><input type='hidden' id='hiddenInput' value='".$array[$x]."'><img id='image' name='".$array[$x]."' src='thumbs/".$array[$x]."' height='80px'></td>";
if($x == $cut){
echo "</tr><tr>";
$cut = $cut + 5;
continue;
};
if($cut == $nxtpg){
$y = $y+1;
echo "</table></div><div id='page".$y."'><table><tr>";
$nxtpg = $nxtpg +25;
};
};
};
更新你的代码。永远不要将相同的id应用于html元素。Alos要获取lowres图像，无需发出ajax请求。因为已经在JS函数中获得了名称，所以可以创建一个div容器来显示图像
...............
<div class="tableContainer">
<?php
$x = 0;
$y = 1;
$cut = 4;
$nxtpg = 24;
echo "<div id='page".$y."'><table><tr>";
for($x = 0; $x <= $l; $x++){
if($x <= $cut){
echo "<td><img class='image' name='".$array[$x]."' src='thumbs/".$array[$x]."' height='80px'></td>";
......
设置代码ffs的格式…此代码的格式不强。委派事件，因为onready事件中不存在元素。请使用唯一id。相反，设置class='image'，并执行$.image。单击…@littleLouito this.src比$this快得多，练习得也更好。attrrc非常感谢所有提出我问题的人，我必须为未格式化的消息道歉，因为这是我第一次在这个论坛上提问。我目前正在评估所有选项，虽然我设法得到了一个结果，做我想要的，但我可能会找到一个更干净的方式来做它。。。我将包括我的结果，因为我有他们。再次感谢
...............
<div class="tableContainer">
<?php
$x = 0;
$y = 1;
$cut = 4;
$nxtpg = 24;
echo "<div id='page".$y."'><table><tr>";
for($x = 0; $x <= $l; $x++){
if($x <= $cut){
echo "<td><img class='image' name='".$array[$x]."' src='thumbs/".$array[$x]."' height='80px'></td>";
......
$(document).ready(function(){
$(".image").click(function(){
alert(this.attr('name')); //as image name
});
});