[英]Onclick event not working with AJAX
I want to display selected image's slideshow with the help of ajax and to do this fetching of title is very important to display corresponding slideshow but in JavaScript, title of the clicked image is not fetching. 我想在ajax的帮助下显示所选图像的幻灯片,并进行此标题提取对于显示相应的幻灯片非常重要,但是在JavaScript中,未获取单击图像的标题。
javascript: JavaScript的:
function slide(s) {
var _event = s;
alert(_event);
}
code: 码:
<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>
missing quotes tag 缺少引号标签
onclick='slide($title)'; //render onclick='slide(xxxx)'
//should be
onclick='slide(\"$title\")'; //render onclick='slide("xxxx")'
image tag must be closed <image />
or <image></image>
图片标签必须关闭<image />
或<image></image>
<b1>
is undefined(also <b></b>
is outdated legacy HTML). <b1>
是未定义的( <b></b>
也已过时的旧版HTML)。 this should be <strong>...</strong>
这应该是<strong>...</strong>
pass this
on onclick and using jquery find child element with class title
get the value of the html. 通过this
带班的onclick和使用jquery寻子元素的title
获得HTML的价值。
Javascript 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>
code 码
<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.