Question

我正在创建一个我正在创建的网站的灯箱，不，我不想使用已经制作的网站，我想自己制作。

当用户点击网站上的某个地方时，我有jquery抓取该标题属性，并将其粘贴到图像src中，然后将该图像标记注入.overlay_content

一切正常，除了它不会抓住标题，变量不起作用，我不知道我做错了什么，它将抓取-img插入src的图像，而不是span.overlay_img的标题< / p>

     $(document).ready(function() {
        $('.overlay_img').click(function (){
            var docHeight = $(document).height();
            var grabbed_img = $(this).attr('title'); 

            $(".overlay_bg").height(docHeight).fadeIn(300, function(){
                $(".overlay_content").html("<img src='grabbed_img'>").fadeIn(300); 
                });
            });

        });

Answer 1

你确定它没有夺冠吗？您是否尝试过警报进行测试？

alert(grabbed_img)

看起来这条线可能有问题：

        $(".overlay_content").html("<img src='grabbed_img'>").fadeIn(300);

应该是：

        $(".overlay_content").html("<img src='" + grabbed_img + "'>").fadeIn(300);

Answer 2

在脚本的第7行尝试以下操作：

(".overlay_content").html("<img src='" + grabbed_img + "'>").fadeIn(300);

您在JavaScript中尝试的类型没有变量插值。您需要使用连接运算符构建字符串。

Answer 3

它没有抓住标题，因为你没有指示它抓住图像的标题，你指示它抓住div的标题，它没有。

    $('.overlay_img img')

jquery：抓住div title attr，把它放到图像src中

3 个答案: