如何在jQuery中使用ac＃变量？

Question

我有一个项目，我打算从SQL调用图像路径。 我已经测试了将变量放置在图像源中

HTML

<li><a href='"<%=img_src_path%>"'><img src='"<%=img_src_path%>"' id="myImage" runat="server" alt="" title=""/></a></li>

背后的代码

myImage.src = "imagePage";

javascript是否可能有同样的事情？ 这是我的jQuery：

 $("#fancybox-manual-c").click(function () {
            $.fancybox.open([
                {
                    href: '1_b.jpg',
                    title: 'My title'
                }, {
                    href: '2_b.jpg',
                    title: '2nd title'
                }, {
                    href: '3_b.jpg'
                }
            ], {
                helpers: {
                    thumbs: {
                        width: 75,
                        height: 50
                    }
                }
            });

现在是否可以将myImage的值替换为jQuery此处列出的实际图像

Answer 1

是的，您可以在JavaScript中使用<%= %>语法将服务器变量注入代码中：

 $("#fancybox-manual-c").click(function () {
    $.fancybox.open([
        {
            href: '<%= img_src_path_1 >',
            title: 'My title'
        }, {
            href: '<%= img_src_path_2 >',
            title: '2nd title'
        }, {
            href: '<%= img_src_path_3 >'
        }
    ], {
        helpers: {
            thumbs: {
                width: 75,
                height: 50
            }
        }
    });
});

您还可以使用jQuery访问页面上任何图像的src属性：

$("#myImage").prop("src");

---

但是，您的代码中有些奇怪：

1. 您正在两次设置img src。 一次在HTML中使用<%= %> ，再一次在其后面的代码中使用myImage.src = "imagePath"; 。 为什么？
2. 您正在双引号HTML属性。 在单属性上使用单引号或双引号，但不能同时使用。

Answer 2

我对fancybox并不熟悉，但是这就是我使用jQuery来完成基本思想的方式。

$(document).ready(function() {
    img_path = "/the_new_img_path.jpg"
    $("#img_link").attr("href", img_path)
    $("#img").attr("src", img_path)
})

然后在HTML中

<a href='/some_default_link' id='img_link'><img id='my_img' src='/some_default_image.jpg' /></a>