jquery花式框不会弹出图像

Question

我想使用jquery花式盒插件在点击时显示图像。

我的图片来自api电话。

 @foreach (var i in imageUrlList)
        {

            <a href="@i" class="star">
                <img src="@i" />
            </a>
        }

在上面的代码中，@ i有一个像：

的网址

http://api.mysite.com/Assignment/GetAssignmentPic?userGuid=002536&pictureID=102001

当我点击图片时，它只是下载图片。它没有出现在模态框中。

但是，如果我放置一个在我的程序中的图像位置，它就可以正常工作。

 @foreach (var i in imageUrlList)
        {

            <a href="@i" class="star">
                <img src="@i" />
            </a>
            <a href="~/Images/icons/bronzeStar.png" class="star"><img src="~/Images/icons/goldStar.png" /></a>
        }

在上面的代码中，第二个链接工作正常。所以我猜这个来自api调用的图像在这里不起作用。

所以有任何解决方法..之前有人遇到过这个问题吗？