0

選択した画像のスライドショーを 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>
4

2 に答える 2

1

引用タグがありません

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>

于 2013-08-10T12:59:22.363 に答える
0

onclick を渡しthis、jquery find child element with class を使用してtitle、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>
于 2013-08-10T13:08:52.207 に答える