我有一个连接数据库并显示一些图片的网站。我要这样做，以便当您单击其中一张图片时，它会显示一个警报，但是在动态渲染图像时似乎不起作用。每当我在jsbin上尝试它时，它都可以工作，但是当我使用php文件尝试时，它却不能。我正在使用jquery和bootstrap。
JSbin：http://jsbin.com/xamovudiroqe/2/
PHP代码
while($i > $y){
$picture_query = mysqli_query($link, "SELECT * FROM images WHERE team = '$full_table_array[$y]' AND teamphoto = 1");
$picture_array = mysqli_fetch_array($picture_query);
echo "
<div data-team=\" ".$picture_array['team']." \" class=\"col-xs-6 col-md-3\">
<a href=\"#\" class=\"team-nail thumbnail\">
<img src=\" ".$picture_array['name']." \" >
</a>
</div>
";
$y++;
}
JavaScript代码
$(".team-nail").click(function() {
var team = $(this).attr('data-team');
alert(team);
alert("hi");
console.log(team);
});
参考方案
我看到了问题。您正在将click事件添加到anchor元素，但是data-team属性位于div元素上。您需要做的就是移动data-team属性作为锚点，它将像一个超级按钮一样工作。
echo "<div data-team=\" ".$picture_array['team']." \" class=\"col-xs-6 col-md-3\">
<a href=\"#\" class=\"team-nail thumbnail\">
<img src=\" ".$picture_array['name']." \" >
</a>
</div>";
至：
echo "<div class=\"col-xs-6 col-md-3\">
<a href=\"#\" data-team=\" ".$picture_array['team']." \" class=\"team-nail thumbnail\">
<img src=\" ".$picture_array['name']." \" >
</a>
</div>";
我不确定为什么我无法发布电子邮件字段的内容，这是我的代码。<html> <head> <title></title> <script src="//code.jquery.com/jquery-1.11.2.min.js"></script> </head>…
jQuery val函数在隐藏字段上不起作用？ - javascript这是我的HTML代码：<div style='display:none;' id='allformid'> <div> <form action='#'> <input type='text' name='name' …
jQuery Ajax上传文件php即使没有内容也接收数组 - javascript它正在工作，但是在每次提交时，我什至都收到一个数组，甚至没有将文件添加到文件输入（多文件输入） postData = new FormData(this); $.ajax({ url: "/url", type: "POST", data: postData, cache: false, contentType: fa…
用户刷新页面或导航到其他页面时，侧边栏上的其他广告 - javascript我有一个带有广告部分的侧边栏。当用户导航到其他页面或刷新页面时，我想在该部分上显示其他广告。我想轮播5-10个广告。每个广告都是一个脚本，因此包含10个以上的广告会减慢我的页面速度。在刷新时或用户导航到其他页面时轮播广告的最佳方法是什么？这是给我的wordpress博客的，但我不想使用插件。JS Fiddle<?php $ads = array(�…
如何用jQuery隐藏模态？ - javascript纽扣<button type="button" class="btn" onclick="CountClass()" runat="server" data-toggle="modal" data-target="#inlineForm1�…