[英]Onclick event not working with AJAX
我想在ajax的帮助下显示所选图像的幻灯片,并进行此标题提取对于显示相应的幻灯片非常重要,但是在JavaScript中,未获取单击图像的标题。
JavaScript的:
function slide(s) {
var _event = s;
alert(_event);
}
码:
<div id="inner_body">
<?php
$c = mysql_connect("localhost", "abc", "xyz");
mysql_select_db("root");
$sql = "select * from images where year=2000";
$qc = mysql_query($sql);
$count = 0;
while ($ans = mysql_fetch_array($qc)) {
$title = ucwords($ans['event']);
print "
<div class='img-wrap' onclick='slide($title)'>
<img id='display_img' src='images/thumbnails/$ans[image1]'>
<div class='img-overlay'>
<b1>" . $title . "</b1>
</div>
</div>";
}
?>
</div>
缺少引号标签
onclick='slide($title)'; //render onclick='slide(xxxx)'
//should be
onclick='slide(\"$title\")'; //render onclick='slide("xxxx")'
图片标签必须关闭<image />
或<image></image>
<b1>
是未定义的( <b></b>
也已过时的旧版HTML)。 这应该是<strong>...</strong>
通过this
带班的onclick和使用jquery寻子元素的title
获得HTML的价值。
Java脚本
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
function slide(s)
{
alert($(s).find('.title').html());
}
</script>
码
<div id="inner_body">
<?php
$c = mysql_connect("localhost", "abc", "xyz");
mysql_select_db("root");
$sql = "select * from images where year=2000";
$qc = mysql_query($sql);
$count = 0;
while ($ans = mysql_fetch_array($qc)) {
$title = ucwords($ans['event']);
print "
<div class='img-wrap' onclick='slide(this)'>
<img id='display_img' src='images/thumbnails/$ans[image1]'>
<div class='img-overlay'>
<b1 class='title'>" . $title . "</b1>
</div>
</div>";
}
?>
</div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.