Question

我为建立网站Im制作一个灯塔,而我不想使用已经制作的灯塔,我想自己做。

当用户在网站上的某个位置单击, 我使用jQuery抓取该的title属性并将其插入到图像src中, 然后将该图像标签注入到.overlay_content中。

一切都起作用，除了不能抓取标题，变量不起作用，我不知道我做错了什么。它将 grabbed-img 插入图像的 src 中，而不是 span.overlay_img 的标题。

     $(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

你确定它没有抓取标题吗？你试过使用警报来测试吗？

警告（抓取的图像）

看起来可能是这一行有问题：

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

应:

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

Answer 2

请注意:

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

JavaScript 中不存在你尝试的这种类型的变量插值。你需要使用连接运算符来构建字符串。

Answer 3

它没有获取标题，因为你没有指示它获取图像的标题，你是指示它获取div的标题，而它没有。

    $( .overlay_img img )

友情链接