加载照片数组时,如何为每个imageID创建唯一的注释按钮功能?

时间:2016-08-05 16:08:32

标签: javascript php jquery mysql

  1. 参考commentIMage.js和comment.php
  2. 加载页面
  3. 用户输入评论并点击按钮,来自commentImage.js
  4. 的参考
  5. comentImage.js($ comment).click(function {..})无法加载
  6. html

    <textarea required=required name ="comment" id="comment"></textarea><br/>
                  <input type="hidden" id="image" name ="image" value="<?php echo $images[$i]['imageID']?>" />
                  <input type=button id=postComment value="Post Comment">
    

    commentImage.js     $(文件)。就绪(函数(){

        $('#postComment').click(function(){
            $.ajax({
                type:'post',
                url:'commentImage.php',
                data:{newComment:$('#comment').val(), postID:postID},
                success:function(data){
                    var data = JSON.parse(data);
                    var comment = makeComment(data['user'], $('#comment').val(), data['date']);
                    $('#commentsBock').prepend(comment);
                    $('#comment').val('');
                }
            })
        })
    })
    
    function makeComment(user, comment, date){
        var comment = '<div><div>'+user+'</div><div>'+comment+'</div><div>'+date+'</div><div>';
        return comment;
    }
    function getComments(){
    
    }
    

    commentImage.php

    <?php
    session_start();
    echo $_POST['comment'];
    echo $_POST['image'];
    include_once('mysql.php');
    ...
    ?>
    

1 个答案:

答案 0 :(得分:0)

#comment是唯一的ID。如果您在HTML中多次使用它,请不要等待它正常工作,它就不会发生!

只需使用id="comment_"+PostID之类的PostID即可创建唯一标识符。 并使用$("input[id^='comment_']")选择所有ID以comment_ 开头的ID(^=做什么)

JS Fiddle