Javascript 使用jquery选择的图像不正确

使用parse.com/Javascript和jquery

抱歉，如果这是一个太长的帖子，我仍然试图了解正确的细节水平，以提供

我有两个用户可以点击的图像。单击后，图像将显示在弹出框中，用户应该能够单击绿色的“发送”按钮，图像url将发送到parse.com后端数据库

但目前，无论您单击哪个图像，都只会发送john_williams.jpg图像进行解析

我一定是做了一些根本错误的事情，比如没有正确存储image变量

    <div class="shake shake-little"><img class ="go" src="http://kudosoo.com/Pics/John_Williams.jpg" alt="img"></div>
    <div class="shake shake-little"><img class ="go" src="http://kudosoo.com/Pics/Lisa_Wong.jpg" alt="img"></div>

单击后，将创建一个弹出窗口，当用户单击绿色按钮时，所选图像显示在类“go”中，所选图像应存储在类“go”下，以便稍后在下面的js中检索并发送到后端数据库

        <!---Pop up box with info about the badge and options for user to complete-->           <div id="modal">
            <div id="heading">
                Award your friend this badge!?
            </div>
            <div id="content">
                <div id="badgeselect">
                    <div class= "go"></div>
                </div>

                <a id="send" class="button green close"><img src="images/tick.png">Yes, do it now!</a>
                <a href="#" class="button red close"><img src="images/cross.png">No, Iâm insane!</a>
            </div>
        </div>

授予你的朋友这个徽章！？

PARSE/JAVASCRIPT-将图像从网页移动到弹出框中

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
            <script src="js/jquery.reveal.js"></script>

            <script type="text/javascript">
                $(document).ready(function() {
                    $('.go').css('cursor', 'pointer');
            $('.go').click(function(e) { // Button which will activate our modal
                $(this).width(100).height(100).appendTo('#badgeselect');


                $('#modal').reveal({ // The item which will be opened with reveal
                    animation: 'fade',                   // fade, fadeAndPop, none
                    animationspeed: 600,                       // how fast animtions are
                    closeonbackgroundclick: true,              // if you click background will modal close?
                    dismissmodalclass: 'close'    // the class of a button or element that will close an open modal


                });
                return false;
               });
        });

            </script>

            <script type="text/javascript">

$（文档）.ready（函数（）{
$（'.go'）.css（'cursor'，'pointer'）；
$（'.go'）。单击（函数（e）{//按钮，该按钮将激活我们的模式
$（this）.width（100）.height（100）.appendTo（“#徽章选择”）；
$（'#model'）。显示（{//将使用显示打开的项目
动画：“fade'，//fade，fadeAndPop，无
动画速度：600，//动画有多快
closeonbackgroundclick:true，//如果单击background将关闭吗？
dismissmodalclass:'close'//将关闭打开模式的按钮或元素的类
});
返回false；
});
});

PARSE/JAVASCRIPT-应将所选图像发送到PARSE.COM后端

Parse.initialize("xxxx", "xxxx");
                    var badgeselected = $('.go').attr("src");
                    var MyBadges = Parse.Object.extend("myBadges");
                    var userbadges = new MyBadges();

                    $(document).ready(function () {
                        var badgeselected = $('.go').attr("src"); 
                        $("#send").click(function () {
                            userbadges.set("BadgeName", badgeselected);
                            console.log("done");

                            userbadges.save(null, {
                                success: function (results) {
                            // The object was saved successfully.
                            location.reload();
                        },
                        error: function (contact, error) {
                            // The save failed.
                            // error is a Parse.Error with an error code and description.
                            alert("Error: " + error.code + " " + error.message);
                        }
                    });
                        });
                    });
                </script>

Parse.initialize（“xxxx”、“xxxx”）；
var badgeselected=$（'.go'）.attr（“src”）；
var MyBadges=Parse.Object.extend（“MyBadges”）；
var userbadges=新的MyBadges（）；
$（文档）.ready（函数（）{
var badgeselected=$（'.go'）.attr（“src”）；
$（“#发送”）。单击（函数（）{
userbadges.set（“BadgeName”，badgeselected）；
控制台日志（“完成”）；
userbadges.save（空{
成功：功能（结果）{
//已成功保存该对象。
location.reload（）；
},
错误：功能（联系人，错误）{
//保存失败。
//错误是一个解析。错误包含错误代码和说明。
警报（“错误：+Error.code+”“+Error.message”）；
}
});
});
});

看起来您的主要问题是：

var badgeselected = $('.go').attr("src"); 

这将选择与选择器匹配的第一个元素的“src”。如果有倍数（至少应该有2个），你总是会得到第一个

您很可能应该向

$（'.go'）添加代码。单击（函数（e）{

函数以捕获正确的src，或者可能添加一个活动类，以便您可以在

$（“#发送”）中创建一个更具选择性的选择器。单击（函数（）{

函数。我只是在猜测，因为我不确定您的应用程序是做什么的

再次查看时，可能只需将您的行更改为：

var badgeselected = $('#badgeselect .go').attr("src");

---

嗨，Daniel，谢谢-不幸的是，这似乎意味着BadgeName被发送到parse.com作为“未定义”如果有帮助的话，这里是指向我正在处理的测试区域的链接，您在示例页面上漏掉了空格。在任何情况下，在

$（“#badgeselect.go”）中移动
var-badgeselected=$（“#badgeselect.go”）.attr（“src”）
.click（function（）{

function，而不是在它之前。按照建议进行修改，很抱歉这是一个痛苦，但它仍然返回为未定义的…；-（kudosoo.com/jquerytest/dannyboy.htmlOkay…下一个建议。删除

好的…

$（'#badgeselect.go'）

选择所有属于#badgeselect的子元素，类为“go”。因为您有一个空白的

，所以它也被选中。因为

.attr

返回第一个选中项目的值，所以它返回该空白分区的“src”。该分区…未定义。是否足够清楚？