Onclick事件不适用于AJAX
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")'
PS
图像标签必须关闭<image />
或<image></image>
<b1>
未定义(<b></b>
也是过时的遗留HTML)。这应该是<strong>...</strong>
在onclick上传递this
,并使用类为title
的jquery查找子元素来获取html的值。
Javascript
<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>
相关文章:
- Jquery Ajax POST不工作.适用于GET
- Ajax成功回调仅适用于Chrome
- 使用ajax上传图片仅适用于png
- Ajax,Php-Postback仅适用于Firefox
- 如何在mvc中使用ajax jquery上传文件仅适用于IE9
- Javascript / Ajax适用于Mozilla firefox,但不适用于Google Chrome和IE
- 我的函数仅适用于 ajax 调用后的警报
- 从服务器读取的 ajax 文件 w3schools.com 示例适用于 IE9,但不适用于 FF12
- 如何让jQuery占位符/水印插件适用于ajax加载的文本字段
- Ajax 调用 IE8 不显示所有数据,适用于 Firefox 和 IE9
- 除了Fiddler之外,还有其他适用于IE8的ajax调试器吗
- Jquery Prepend动画只适用于AJAX一次
- Android混合应用程序:JQueryMobile ajax不适用于https,但适用于http
- Ajax函数仅适用于alert()
- 动态菜单的Ajax调用适用于first
- Jquery ajax适用于Chrome和Safari,但不适用于IE8和Firefox
- 在等待AJAX回调时更改image src:仅适用于Firefox
- Ajax php登录只适用于alert();
- Ajax适用于Firefox,但不适用于Internet Explorer-需要更新XML文件-未收到错误消息
- 对 php 服务的经过身份验证的 AJAX 请求(适用于 Wordpress)