简体   繁体   English

Onclick事件不适用于AJAX

[英]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")'

PS. PS。

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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM