[英]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.